@charset "utf-8";
html {
font-size: 62.5%;
}
body {
margin: 0px;
font-size: 12px;
color: #91989f;
font-family: Arial, Helvetica, sans-serif, Microsoft YaHei;
cursor: default;
}
* {
padding: 0px;
margin: 0px;
box-sizing: border-box;
}
body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
b,
em,
span,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif, Microsoft YaHei;
}
h1,
h2,
h3,
h4,
h5,
h6 {
list-style: none;
font-weight: normal;
color: #555;
}
input,
select,
button {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif, Microsoft YaHei;
border: 0;
background: none;
outline: none;
vertical-align: middle;
}
button {
overflow: visible
}
img {
border: none;
}
li {
list-style: none;
}
a {
color: #91989f;
text-decoration: none;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
a:hover {
color: #005caf;
}
.clear {
overflow: hidden;
clear: both;
height: 0px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.con {
width: 94%;
margin: 0 auto;
max-width: 1560px;
}
.container {
width: 94%;
margin: 0 auto;
max-width: 1560px;
}
.header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
/*background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%); */
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.header:hover {
background: rgba(255, 255, 255, 0.9)
}
.header.on {
box-shadow: 0 0 10px #aaa;
background: rgba(255, 255, 255, 0.9);
}
.header .logo {
float: left;
margin: 15px 0;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.header.on .logo {
margin: 15px 0 10px;
}
.header .logo img {
width: auto;
height: 60px;
display: block
}
.header .logo .img2 {
display: none
}
.header.on .logo .img1 {
display: none
}
.header.on .logo .img2 {
display: block
}
.header:hover .logo .img2 {
display: block
}
.header:hover .logo .img1 {
display: none
}
.header .an {
position: absolute;
top: 50%;
right: 15px;
height: 18px;
width: 30px;
display: none;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
}
.header .an span {
width: 30px;
height: 2px;
background-color: #555;
display: block;
position: absolute;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.header .an span.a1 {
top: 0;
left: 0;
}
.header .an span.a2 {
top: 8px;
left: 0;
}
.header .an span.a3 {
top: 16px;
left: 0;
}
.header .an.n span.a2 {
display: none;
}
.header .an.n span.a1 {
top: 8px;
width: 30px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.header .an.n span.a3 {
top: 8px;
width: 30px;
transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.header.on .right ul li {
color: #333;
line-height: 86px;
}
.header.on .right ul li a {
color: #333;
}
.header.on .language {
margin-top: 22px;
}
.header .right {
float: right;
margin-left: 50px;
}
.right .dh {
float: left;
margin-left: 10px;
padding-top: 7px;
}
.header:hover .right ul li {
color: #333;
}
.header:hover .right ul li a {
color: #333;
}
.header .right ul li {
line-height: 90px;
padding: 0 10px;
float: left;
font-size: 20px;
color: #fff;
position: relative;
}
.header .right ul li i {
font-size: 20px;
}
.header .right ul li:hover {
color: #333;
}
.header .right ul li a {
color: #fff;
}
.header .right ul li:hover a {
color: #333;
}
.header .right ul li .w_x {
position: absolute;
width: 120px;
left: 50%;
margin-left: -60px;
top: 90px;
display: none;
}
.header .right ul li:hover .w_x {
display: block;
}
.search {
width: 100%;
padding: 30px 5%;
background-color: #f7f7f7;
position: fixed;
top: 0;
left: 0;
z-index: 9;
display: none;
box-sizing: border-box;
}
.search .an_sj {
width: 5%;
line-height: 52px;
color: #555;
float: right;
text-align: right;
}
.search input.w_z {
width: 90%;
height: 52px;
border-radius: 0;
font-size: 18px;
line-height: 52px;
color: #555;
float: left;
-webkit-appearance: none;
}
.search button.s_c {
width: 5%;
height: 52px;
font-size: 18px;
line-height: 52px;
text-align: center;
float: left;
-webkit-appearance: none;
font-weight: bold;
}
.search i {
font-size: 18px;
}
.header .right .wx .e_j {
position: absolute;
width: 120px;
left: 50%;
margin-left: -60px;
top: 80px;
background: #fff;
display: none
}
.header.on .right .wx .e_j {
top: 86px;
}
.header .right .wx .e_j img {
width: 100%;
display: block;
}
.header .right .wx .e_j p {
line-height: 1.8;
color: #333;
text-align: center;
font-size: 14px;
}
.header .right .wx:hover .e_j {
display: block;
}
.searchIpt {
width: 240px;
height: 30px;
position: absolute;
right: 0;
top: 80px;
display: none;
z-index: 10;
}
.searchIpt .search_txt {
width: 182px;
padding: 0 0 0 10px;
line-height: 30px;
background: #333;
color: #fff;
border: 0;
height: 30px;
float: left;
}
.searchIpt .search_btn {
width: 58px;
background: #0068ba;
border: 0;
float: right;
color: #fff;
height: 30px;
cursor: pointer;
}
.header .nav {
float: right;
}
.header .nav i {
font-size: 15px;
color: #666;
line-height: 54px;
text-align: right;
position: absolute;
width: 50%;
height: 54px;
right: 0px;
top: 50%;
display: none;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
}
.header.on .nav {
float: right;
}
.header .nav ul li {
margin: 0;
line-height: 90px;
float: left;
padding: 0 25px;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
}
.header.on .nav ul li {
line-height: 86px;
}
.header .nav ul li a {
display: block;
font-size: 16px;
font-weight: bold;
color: #fff;
text-transform: capitalize
}
.header.on .nav ul li a {
display: block;
color: #333;
}
.header:hover .nav ul li a {
display: block;
color: #333;
}
.header .nav ul li span {
width: 0;
height: 2px;
background-color: #fff;
position: absolute;
left: 50%;
bottom: 0;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
}
.header.on .nav ul li span {
background-color: #1b1994;
}
.header:hover .nav ul li span {
background-color: #1b1994;
}
.header .nav ul li:hover span {
width: 100%;
}
.header .nav ul li.on span {
width: 100%;
}
.full_text {
display: none
}
.full_text.on {
display: block
}
.header .nav ul li.po {
position: static;
}
.nav .y_j {
position: relative;
}
.nav .e_j {
width: 100%;
background: #fff;
position: absolute;
top: 90px;
left: 0;
display: none;
z-index: 9999;
padding: 50px 0;
}
.header.on .nav .e_j {
top: 86px;
}
.nav .e_j .left {
width: 30%;
float: right;
}
.nav .e_j .left a {
line-height: 44px;
width: 50%;
float: left;
box-sizing: border-box;
color: #333;
display: block;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.nav .e_j .left a:hover {
color: #1b1994;
padding-left: 6px;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.nav .e_j em {
font-size: 12px;
}
.nav .e_j .yb {
width: 60%;
float: left;
}
.nav .e_j .yb .w_z {
width: 49%;
float: left;
}
.nav .e_j .yb .w_z p {
font-size: 16px;
line-height: 1.8;
color: #333;
}
.nav .e_j .yb .w_z .more a {
font-size: 14px;
color: #555;
margin-top: 20px;
}
.nav .e_j .yb .w_z .more a em {
display: inline-block;
margin-left: 10px;
font-size: 18px;
}
.nav .e_j .yb .w_z .more a:hover {
color: #1b1994;
}
.nav .e_j .yb .tp {
width: 46%;
float: right;
}
.nav .e_j .yb .tp img {
width: 100%;
display: block;
}
.nav .e_j .ejy {
position: relative
}
.nav .e_j .s_j {
width: 200px;
background-color: rgba(255, 255, 255, 0.65);
position: absolute;
top: 0px;
left: 150px;
display: none;
z-index: 9999;
border-left: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0 0 10px 10px;
}
.nav .e_j .s_j.jr {
width: 120px;
}
.nav .e_j .s_j a {
font-size: 12px !important;
}
.nav ul li .e_j .ejy:hover .s_j {
display: block
}
@media (min-width:1024px) {
.header .nav ul li:hover .e_j {
display: block;
}
.head_h {
height: 95px;
display: none;
}
}
@media (max-width:1368px) {
.header .nav ul li .e_j a {
display: block;
font-size: 14px;
color: #000;
line-height: 38px;
}
}
@media (max-width:1200px) {
.header .nav ul li {
margin: 0 20px;
}
.header .nav ul li a {
font-size: 16px;
}
}
@media only screen and (max-width:1024px) {
.head_h {
height: 60px;
display: block
}
.header {
border: 0;
height: 60px;
background: #fff;
width: 100%
}
.weixin a.wb {
height: 30px;
line-height: 30px;
background: url(../images/top9.png) center no-repeat;
}
.header .container {
padding: 0;
overflow: hidden;
width: 94%
}
.header .logo {
margin: 10px auto;
}
.header .logo img {
height: 40px;
}
.header .logo .img1 {
display: none;
}
.header .logo .img2 {
display: block;
}
.search button.s_c {
width: 10%;
}
.search input.w_z {
width: 80%;
}
.search .an_sj {
width: 10%;
}
.header.on .logo {
width: 140px;
margin: 10px auto;
}
.header .right {
margin-right: 60px;
margin-left: 0;
}
.header.on .right {
margin-top: 0;
}
.header.on .right ul li {
line-height: 60px;
}
.header .right ul li a {
color: #333;
}
.header .right ul li {
color: #333;
line-height: 60px;
}
.header .right {
margin-right: 60px;
margin-top: 0;
}
.header .right a {
line-height: 30px;
width: 30px;
color: #666;
}
.header .right a.a2 {
background: url(../images/s.png) center / 20px no-repeat;
}
.searchIpt {
right: 150px;
top: 15px;
width: 190px;
}
.searchIpt .search_txt {
width: 132px;
}
.header .an {
display: block;
right: 10px;
}
.header .an span {
background-color: #999
}
.header .nav ul {
width: 100%;
}
.header.on .nav {
width: 60%
}
.header .nav {
width: 60%;
padding: 15px 5%;
background-color: #fff;
height: 100%;
position: fixed;
top: 60px;
right: -70%;
z-index: 9999;
overflow: auto;
transition: all .5s;
-o-transition: all .5s;
-ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
margin-top: 0
}
.header .nav.on {
right: 0;
}
.nav .e_j .yb {
display: none;
}
.nav .e_j .left {
width: 100%;
}
.header.on .nav ul li a {
font-size: 15px;
color: #333;
}
.header.on .nav .e_j {
top: 0;
}
.header.on .nav ul li .e_j {
top: 0;
}
.header.on .nav ul li .e_j.h {
height: auto;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
}
.header .nav i {
display: block;
}
.header .nav ul li {
line-height: 60px;
text-align: left;
border-bottom: 1px solid #ccc;
float: none;
margin: 0;
padding: 0
}
.header .nav ul li::after {
background: rgba(0, 0, 0, 0);
}
.header.on .nav ul li {
line-height: 60px;
}
.header .nav .e_j {
width: 100%;
border-top: 1px solid #ccc;
background: none;
position: relative;
display: none;
top: auto;
left: auto;
margin: 0;
padding: 10px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0);
height: auto;
opacity: 1;
visibility: inherit;
transition: all 0s;
-o-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
}
.nav .e_j .left a {
width: 100%;
}
.header .nav ul li .e_j a {
color: #666;
text-align: left;
line-height: 40px;
font-size: 15px;
}
.header .nav ul li .e_j a:hover {
color: #333
}
.header .nav .e_j a {
border-top: 0;
font-size: 12px;
color: #aaa;
line-height: 32px;
}
.header .nav .e_j a:hover {
background: none;
}
.header .nav ul li:hover .e_j {
display: none;
}
.nav .e_j .s_j {
width: 100%;
position: relative;
top: 0px;
left: 0px;
border: 0
}
.header .nav ul li a {
font-size: 15px;
color: #333;
}
.header .nav ul li:hover span {
width: 0;
}
.header .nav ul li.on span {
width: 0;
}
}
@media only screen and (max-width:600px) {
.header .container {
padding: 0;
height: 60px;
width: 94%
}
.header .logo {
width: 140px;
margin: 10px auto;
}
.header .right {
margin-right: 50px;
margin-left: 0;
}
.header.on .logo {
width: 140px;
margin: 10px auto;
}
.header.on .right a.a2 {
background: url(../images/s.png) center / 20px no-repeat;
}
}
@media only screen and (max-width:375px) {
.header .container {
padding: 0
}
.header .logo {
width: 140px;
margin: 10px auto;
}
.header.on .logo {
width: 140px;
margin: 10px auto;
}
}
.head_h {
width: 100%;
height: 95px;
background-color: #fff;
display: none
}
.ban {
width: 100%;
position: relative;
}
.ban .swiper-slide {
width: 100%;
height: 100vh;
}
.ban .swiper-pagination {
bottom: 20px !important;
}
.ban .swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 0;
opacity: 1;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: rgba(255, 255, 255, 0.6)
}
.ban .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
border: #fff 1px solid;
}
.ban .swiper-slide .bg1 {
position: absolute;
height: 100vh;
overflow: hidden;
width: 100%;
left: 0px !important;
top: 0px;
z-index: 5;
}
.ban .swiper-slide .bg1 img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-transition: transform 7.6s linear;
-moz-transition: transform 7.6s linear;
-o-transition: transform 7.6s linear;
-ms-transition: transform 7.6s linear;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
}
.ban .swiper-slide.swiper-slide-active .bg1 img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.ban .swiper-slide .word {
position: absolute;
left: 50%;
margin-left: -620px;
width: 1240px;
height: 246px;
top: 50%;
margin-top: -103px;
z-index: 10;
text-align: center;
}
.ban .swiper-slide .word.l1 h4 {
text-align: left;
}
.ban .swiper-slide .word.l1 h3 {
text-align: left;
}
.ban .swiper-slide .word h4 {
display: block;
font-size: 26px;
color: #fff;
margin-top: 20px;
letter-spacing: 2px;
transform: translateY(20px);
filter: alpha(opacity=0);
/* IE */
-moz-opacity: 0;
/* 老版Mozilla */
-khtml-opacity: 0;
/* 老版Safari */
opacity: 0;
/* 支持opacity的浏览器*/
transition: all .2s linear .4s;
-webkit-transition: all .2s linear .4s;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.ban .swiper-slide .word h3 {
font-size: 60px;
color: #fff;
letter-spacing: 3px;
line-height: 55px;
margin: 15px 0 15px 0;
transform: translateY(20px);
filter: alpha(opacity=0);
/* IE */
-moz-opacity: 0;
/* 老版Mozilla */
-khtml-opacity: 0;
/* 老版Safari */
opacity: 0;
/* 支持opacity的浏览器*/
transition: all .2s linear .2s;
-webkit-transition: all .2s linear .2s;
text-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
}
.ban .swiper-slide .word a.xq {
display: block;
width: 200px;
height: 50px;
font-size: 16px;
background: #1b1994;
color: #fff;
box-sizing: border-box;
padding: 0 30px;
line-height: 50px;
position: absolute;
bottom: 20px;
right: 50%;
margin-right: -100px;
transform: translateY(20px);
filter: alpha(opacity=0);
/* IE */
-moz-opacity: 0;
/* 老版Mozilla */
-khtml-opacity: 0;
/* 老版Safari */
opacity: 0;
/* 支持opacity的浏览器*/
transition: all .2s linear .6s;
-webkit-transition: all .2s linear .6s;
border-radius: 30px;
text-align: center;
}
.ban .swiper-slide .word.l1 a.xq {
bottom: 0;
left: 0%;
margin-left: 0px;
}
.ban .swiper-slide .word a.xq:after {
content: '';
display: block;
width: 15px;
height: 14px;
background: url(../images/rights.png) no-repeat;
position: absolute;
right: 30px;
top: 50%;
margin-top: -7px;
}
.ban .swiper-slide .word a.xq:hover {
background: #33b876;
}
.ban .swiper-slide.swiper-slide-active .word h4 {
transform: translateY(0);
filter: alpha(opacity=100);
/* IE */
-moz-opacity: 1;
/* 老版Mozilla */
-khtml-opacity: 1;
/* 老版Safari */
opacity: 1;
/* 支持opacity的浏览器*/
}
.ban .swiper-slide.swiper-slide-active .word h3 {
transform: translateY(0);
filter: alpha(opacity=100);
/* IE */
-moz-opacity: 1;
/* 老版Mozilla */
-khtml-opacity: 1;
/* 老版Safari */
opacity: 1;
/* 支持opacity的浏览器*/
}
.ban .swiper-slide.swiper-slide-active .word a.xq {
transform: translateY(0);
filter: alpha(opacity=100);
/* IE */
-moz-opacity: 1;
/* 老版Mozilla */
-khtml-opacity: 1;
/* 老版Safari */
opacity: 1;
/* 支持opacity的浏览器*/
}
.index_case {
width: 100%;
background-color: #ededed;
padding: 4.75rem 0 4.375rem;
overflow: hidden;
}
.index_case_list {
display: flex;
justify-content: space-between;
}
.index_case_list_item {
position: relative;
width: 24.3%;
height: 29vw;
overflow: hidden;
box-sizing: border-box;
}
.index_case_list_item:hover .item_content1 {
transform: translateX(101%);
}
.index_case_list_item:hover .item_content2 {
transform: translateX(0);
}
.index_case_list_item .item_content1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.4s;
z-index: 3;
}
.index_case_list_item .item_content1>img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.index_case_list_item .item_content1_text {
position: absolute;
bottom: 5rem;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: 3;
}
.index_case_list_item .item_content1_text h4 {
font-size: 20px;
color: #fff;
margin-bottom: 2.125rem;
text-align: center;
}
.index_case_list_item .item_content1_text span {
display: block;
width: 4.875rem;
height: 0.375rem;
margin: 0 auto;
background-position: -3.5rem 0;
background-size: 50rem 50rem;
background-image: url(../images/xuebi.png);
}
.index_case_list_item .item_content2 {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
transform: translateX(-101%);
width: 100%;
height: 100%;
padding: 0 50px;
background: rgba(0, 0, 0, 0.5);
transition: all 0.4s;
}
.index_case_list_item .item_content2::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 5;
}
.index_case_list_item .item_content2>img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.index_case_list_item .item_content2_text {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
z-index: 6;
}
.index_case_list_item .item_content2_text h4 {
font-size: 1.25rem;
color: #f5f5f5;
margin-bottom: 1.25rem;
}
.index_case_list_item .item_content2_text em {
display: block;
width: 1.875rem;
height: 0.125rem;
background-color: #fff;
margin-bottom: 1.625rem;
}
.index_case_list_item .item_content2_text p {
width: 100%;
font-size: 0.875rem;
color: #f5f5f5;
line-height: 2rem;
margin-bottom: 4.25rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.index_case_list_item .item_content2_text .descbtn {
width: 8.75rem;
height: 2.5rem;
}
.index_case_list_item .item_content2_text .descbtn>a {
display: block;
width: 100%;
height: 100%;
background-color: transparent;
font-size: 0.875rem;
color: #fff;
border: 1px solid #fff;
line-height: 2.5rem;
text-align: center;
transition: all 0.4s;
}
.index_case_list_item .item_content2_text .descbtn:hover>a {
border-color: #1b1994;
background-color: #1b1994;
}
.sy_gybj {
background: url(../images/bg04.png) center top no-repeat;
padding-bottom: 4vw;
}
.sy_gsjj {
padding: 5vw 0 3vw;
margin: 0 auto;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
}
.sy_gsjj .g-tit1 {
text-align: left;
}
.sy_gsjj .tp {
width: 45%;
float: right;
position: relative;
}
.sy_gsjj .tp iframe{
width: 100%;position: relative;z-index: 2;height: 450px;
}
.sy_gsjj .tp .mb {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
background: rgba(0, 0, 0, 0.3);
z-index: 9;
}
.sy_gsjj .tp:hover .mb {
background: rgba(0, 0, 0, 0.6)
}
.sy_gsjj .tp .mb img {
width: 65px;
}
.sy_gsjj .tp .box {
position: absolute;
left: -25px;
width: 100%;
height: 100%;
border: #ccc 10px solid;
bottom: -25px;
box-sizing: border-box;
z-index: 1;
}
.sy_gsjj .tp img {
width: 100%;
display: block;
position: relative;
z-index: 3;
}
.sy_gsjj .w_z {
float: left;
width: 50%;
font-size: 16px;
line-height: 26px;
color: #333;
position: relative;
}
.sy_gsjj .tit {
text-align: left;
margin-bottom: 30px;
}
.sy_gsjj .tit h1::after {
left: 0%;
margin-left: 0px;
}
.sy_gsjj .w_z .en {
position: absolute;
top: -30px;
left: 0;
right: 0;
font-size: 80px;
text-transform: uppercase;
font-family: ariblk;
line-height: 1.1;
font-weight: bold;
color: rgba(0, 0, 0, .04);
font-style: normal;
}
.sy_gsjj .w_z p {
font-size: 16px;
line-height: 40px;
color: #333;
}
.sy_gsjj .tit strong {
display: block;
width: 30px;
height: 2px;
background-color: #1b1994;
margin: 20px 0 30px;
}
.sy_gsjj .more {
display: block;
width: 180px;
height: 42px;
text-align: center;
line-height: 42px;
color: #1b1994;
font-size: 18px;
overflow: hidden;
position: relative;
z-index: 0;
border-radius: 2px;
background-color: transparent;
border: 1px solid #1b1994;
margin-top: 25px;
}
.sy_gsjj .more::after {
content: '';
width: 0;
height: 100%;
background-color: #1b1994;
position: absolute;
top: 0;
left: 0;
transition: all .3s;
z-index: -1;
}
.sy_gsjj .more:hover::after {
width: 100%;
}
.sy_gsjj .more:hover {
color: #fff;
}
.sy_gsjj .more::after {
content: '';
width: 0;
height: 100%;
background-color: #1b1994;
position: absolute;
top: 0;
left: 0;
transition: all .3s;
z-index: -1;
}
.sy_ry {
padding: 25px 0;
box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, .1);
border-radius: 10px;
margin-top: 35px;
}
.sy_ry ul {
display: flex;
justify-content: space-between;
}
.sy_ry ul li {
width: 190px;
}
.sy_ry ul li img {
max-width: 100%;
}
.sy_ry ul li .bt {
font-size: 14px;
color: #222;
line-height: 20px;
text-align: center;
padding: 15px 0;
}
.product-number-info {
position: relative;
padding: 30px 0 50px;
}
.product-number-info h2 {
font-size: 30px;
text-align: center;
color: #fff;
margin-bottom: 50px;
}
.product-number-info .product-number-inner {
width: 100%;
margin: 0 auto;
}
.product-number-info ul {
display: flex;
justify-content: space-between;
}
.q {
zoom: 1;
}
.product-number-info li {
background: #eee;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
float: left;
width: 23%;
color: #333;
padding-top: 1px;
box-sizing: border-box;
text-align: center;
height: 156px;
border-radius: 10px;
}
.product-number-info li:hover {
background: #1b1994;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.product-number-info li:first-child {
border: none;
}
.product-number-info li:hover b {
color: #fff;
}
.product-number-info li b {
font-size: 60px;
font-weight: bold;
color: #1b1994;
line-height: 1;
display: inline-block;
position: relative;
margin: 35px 0 10px;
}
.product-number-info li h3 {
font-size: 20px;
color: #333;
letter-spacing: 1px;
}
.product-number-info li p {
font-size: 16px;
}
.product-number-info li:hover p {
color: #fff;
}
.product-number-info li b i {
font-style: normal;
}
.product-number-info li b sup {
position: relative;
font-size: 30px;
right: -0;
top: 3px;
}
.product-number-info li b em {
font-style: normal;
font-size: 28px;
font-weight: 100;
padding-left: 2px;
position: relative;
top: -4px;
}
.product-number-info li b em.dw {
position: absolute;
right: 0;
}
.sy_cp {
padding: 110px 0;
overflow: hidden
}
.sy_cp ul li {
width: 30.3333%;
float: left;
margin: 0 1.5%;
position: relative;
height: 20vw;
}
.sy_cp ul li img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.sy_cp ul li .mb {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.sy_cp ul li:hover .mb {
opacity: 1;
}
.sy_cp ul li .w_z {
width: 100%;
padding: 20px 5%;
position: absolute;
top: 40%;
left: 0;
color: #fff;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
z-index: 2;
}
.sy_cp ul li .w_z h3 {
font-size: 20px;
color: #fff;
position: relative;
padding-bottom: 10px;
text-align: center;
margin-bottom: 15px;
}
.sy_cp ul li .w_z p {
font-size: 16px;
padding: 10px;
color: #fff;
line-height: 2;
display: none;
text-align: center;
}
.sy_cp ul li .w_z p a {
display: block;
color: #fff;
}
.sy_cp ul li .w_z .tb {
width: 60px;
margin: 0 auto 20px;
}
.sy_cp ul li .w_z h3::before {
width: 50px;
background: #fff;
content: "";
position: absolute;
left: 50%;
margin-left: -25px;
height: 2px;
bottom: 0;
}
.sy_cp ul li:hover .w_z {
background-color: rgba(6, 88, 162, .0);
top: 25%;
}
.sy_cp ul li:hover .w_z p {
display: block;
}
.sy_cpxj {
padding: 90px 0;
}
.sy_cpxj ul {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-bottom: 25px;
flex-wrap: wrap;
}
.sy_cpxj ul li {
width: 30.3333%;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
padding: 35px;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
.sy_cpxj ul li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border: 2px solid transparent;
box-sizing: border-box;
z-index: 3;
}
.sy_cpxj ul li::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 0;
height: 0;
border: 2px solid transparent;
box-sizing: border-box;
z-index: 3;
}
.sy_cpxj ul li:hover {
transform: scale(1.03);
}
.sy_cpxj ul li:hover::before {
width: 100%;
height: 100%;
border-radius: 10px;
border-top-color: #1b1994;
border-right-color: #1b1994;
-webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.sy_cpxj ul li:hover::after {
width: 100%;
height: 100%;
border-radius: 10px;
border-bottom-color: #1b1994;
border-left-color: #1b1994;
-webkit-transition: border-color 0s ease-out 0.5s, width 10s ease-out 0.5s, height 0.25s ease-out 0.75s;
transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.sy_cpxj ul li .tb {
width: 80px;
margin: 0 auto 25px;
height: 80px;
background: #1b1994;
border-radius: 50%;
padding: 15px;
border: #1b1994 1px solid;
}
.sy_cpxj ul li .tb img {
max-width: 100%
}
.sy_cpxj ul li:hover .tb {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border: #fff 1px solid;
}
.sy_cpxj ul li h3 {
font-size: 20px;
color: #333;
margin-bottom: 20px;
position: relative;
text-align: center;
font-weight: bold;
padding-bottom: 15px;
}
.sy_cpxj ul li h3::before {
width: 50px;
background: #34b273;
content: "";
position: absolute;
left: 50%;
margin-left: -25px;
height: 4px;
bottom: 0;
border-radius: 3px;
}
.sy_cpxj ul li p {
font-size: 16px;
line-height: 2;
text-align: center;
color: #555;
}
/* 新闻中心 */
.index-fiv {
padding: 90px 0;
background: #f5f5f5;
}
.index-fiv .g-tit1 .hr {
margin: 10px auto 25px;
}
.infiv-con {
margin-top: 45px;
}
.infiv-ul {
margin: 0 -17.5px;
}
.infiv-ul li {
float: left;
width: 33.333%;
padding: 0 17.5px;
box-sizing: border-box;
}
.infiv-ul li a {
display: block;
}
.infiv-img {
overflow: hidden;
border-radius: 16px 16px 0 0;
}
.infiv-img img {
width: 100%;
transition: ease 1s;
}
.infiv-txt {
padding: 26px 25px;
background: rgba(255, 255, 255, .1);
box-shadow: 0 0 13px rgba(0, 0, 0, .1);
height: 217px;
box-sizing: border-box;
border-radius: 0 0 16px 16px;
}
.infiv-txt h3 {
font-size: 20px;
font-weight: bold;
line-height: 35px;
color: #000;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.index-fiv .hx {
width: 100%;
height: 1px;
background-color: #dcdcdc;
position: relative;
margin: 6px 0 0;
}
.index-fiv .hx:before {
content: '';
position: absolute;
-webkit-transition: .6s;
transition: .6s;
left: 100%;
top: -5px;
z-index: 0;
width: 12px;
height: 12px;
background-color: #35b374;
opacity: 0;
border-radius: 50%;
}
.index-fiv li:hover .hx {
background-color: #1b1994;
}
.index-fiv li:hover .hx:before {
opacity: 1;
left: 0;
}
.infiv-txt span {
margin-top: 15px;
display: block;
font-size: 16px;
line-height: 30px;
color: #333;
font-family: "Arial";
}
.infiv-txt p {
margin-top: 12px;
font-size: 16px;
line-height: 30px;
color: #333;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 60px;
}
.infiv-ul li:hover .infiv-txt h3 {
color: #1b1994;
}
.infiv-ul li:hover .infiv-img img {
transform: scale(1.05);
}
.index-fiv .more {
display: block;
width: 200px;
height: 50px;
font-size: 16px;
background: #1b1994;
color: #fff;
box-sizing: border-box;
padding: 0 30px;
line-height: 50px;
border-radius: 30px;
position: relative;
overflow: hidden;
margin: 50px auto 0;
}
.index-fiv .more a {
color: #fff;
position: relative;
z-index: 8
}
.index-fiv .more span {
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 100%;
background: #35b374;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.index-fiv .more:hover span {
width: 100%;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.index-fiv .more::after {
content: '';
display: block;
width: 15px;
height: 14px;
background: url(../images/rights.png) no-repeat;
left: auto;
position: absolute;
right: 30px;
top: 50%;
margin-top: -7px;
}
.g-tit1 {
text-align: center;
position: relative;
z-index: 2;
margin-bottom: 50px;
}
.g-tit1 .left {
text-align: left;
}
.g-tit1 .cn {
position: relative;
z-index: 2;
}
.g-tit1 h2 {
font-size: 40px;
font-weight: normal;
line-height: 1.1;
margin-bottom: 15px;
font-weight: bold;
color: #000;
}
.g-tit1 span {
font-size: 16px;
color: #333;
}
.g-tit1 .en {
position: absolute;
top: -30px;
left: 0;
right: 0;
font-size: 80px;
text-transform: uppercase;
font-family: ariblk;
line-height: 1.1;
font-weight: bold;
color: rgba(0, 0, 0, .04);
font-style: normal;
}
.sy_alzs {
position: relative;
}
.sy_alzs .g-tit1 {
position: absolute;
top: 50px;
left: 0;
width: 100%;
}
.sy_alzs .g-tit1 h2 {
color: #fff;
}
.sy_alzs .g-tit1 span {
color: #fff;
}
.sy_alzs .g-tit1 .en {
color: rgba(255, 255, 255, .04);
}
.sy_alzs .kzg {
position: absolute;
width: 100%;
bottom: 0;
}
.sy_alzs .kzg::after {
content: "";
position: absolute;
bottom: 5px;
width: 100%;
height: 1px;
background: #fff;
opacity: .2;
z-index: 99;
}
.wzxx {
float: left;
line-height: 40px;
font-size: 16px;
color: #333;
}
.wzxx a {
font-size: 16px;
color: #333;
}
.index04wrap {
width: 100%;
box-sizing: border-box;
position: relative;
padding: 0;
}
.index04wrap .top {
margin: 150px auto;
width: 1200px;
text-align: center;
}
.index04wrap .top p {
font-size: 20px;
color: #313233;
margin-bottom: 10px;
opacity: 0.7;
}
.index04wrap .top h3 {
font-size: 30px;
color: #313233;
font-weight: bold;
}
.index04wrap .top strong {
display: block;
width: 30px;
height: 2px;
background-color: #1b1994;
margin: 30px auto;
}
.index04wrap .top h4 {
font-size: 15px;
color: #666666;
line-height: 26px;
width: 50%;
margin: auto;
}
.index04wrap .index04 {
width: 100%;
box-sizing: border-box;
position: relative;
padding: 100px calc((100% - 1500px)/2);
background: url(../images/indexbg_03_3.jpg)no-repeat fixed;
background-size: cover;
}
.index04wrap .index04 .text {
width: 100%;
position: relative;
}
.index04wrap .index04 .text .cont {
width: 65%;
padding: 70px;
background-color: rgba(0, 0, 0, 0.5);
margin-left: -70px;
box-sizing: border-box;
padding-left: 110px;
transition: all .3s;
}
.index04wrap .index04 .text .cont::before {
content: '';
display: block;
content: '';
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
}
.index04wrap .index04 .text .cont::after {
content: '';
display: block;
width: 2px;
height: 30px;
position: absolute;
left: 0;
top: 70px;
background-color: #35b675;
}
.index04wrap .index04 .text .cont h3 {
font-size: 32px;
color: #ffffff;
font-weight: bold;
margin-bottom: 30px;
}
.index04wrap .index04 .text .cont h4 {
font-size: 15px;
color: #ffffff;
line-height: 28px;
margin-bottom: 40px;
text-align: justify;
}
.index04wrap .index04 .text .cont a {
background-color: transparent;
border: 1px solid #fff;
}
.index04wrap .index04 .text .cont a::after {
background-color: #35b777;
}
.index04wrap .index04 .text .cont a:hover {
color: #fff;
}
.index04wrap .index04 .text .cont:hover {
background-color: rgba(0, 0, 0, 0.7);
}
.more {
display: block;
width: 180px;
height: 42px;
text-align: center;
line-height: 42px;
background-color: #1b1994;
color: #FFFFFF;
font-size: 14px;
overflow: hidden;
position: relative;
z-index: 0;
border-radius: 2px;
}
.more::after {
content: '';
width: 0;
height: 100%;
background-color: #FFFFFF;
position: absolute;
top: 0;
left: 0;
transition: all .3s;
z-index: -1;
}
.more:hover::after {
width: 100%;
}
.more:hover {
color: #1b1994;
}
.bannerwrap .banner .text .cont::before {
content: '';
display: block;
width: 3px;
height: 30px;
top: 0;
left: -62px;
background-color: #FFFFFF;
position: absolute;
}
.sy_hzhb {
padding: 100px 0;
text-align: center;
}
.sy_hzhb ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sy_hzhb ul li {
width: 11.5%;
display: inline-block;
border: #eee 1px solid;
margin: 0 0.5% 1%;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.sy_hzhb ul li img {
width: 100%;
display: block;
}
.sy_hzhb ul li:hover {
box-shadow: 0 0 10px #ccc;
transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
/* start footer */
.footer_bg {
background: #1b1994;
width: 100%;
padding: 50px 0 0;
}
.foot {
margin: 0 auto;
overflow: hidden;
padding-bottom: 30px;
}
.foot .zuo3 {
float: left;
}
.foot .zuo3 ul {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.foot .zuo3 ul li {
float: left;
text-align: left;
margin-right: 60px;
}
.foot .zuo3 ul li .tit {
margin-bottom: 0
}
.foot .zuo3 ul li .tit a {
font-size: 16px;
font-weight: bold;
color: #fff;
line-height: 36px;
display: block;
text-align: left;
opacity: 1;
}
.foot .zuo3 ul li .line {
margin-bottom: 20px;
height: 2px;
margin-top: 10px
}
.foot .zuo3 ul li .line span {
width: 15px;
height: 1px;
background: #34b775;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
display: block
}
.foot .zuo3 ul li:hover .line span {
width: 50px;
height: 1px;
}
.foot .zuo3 ul li a {
width: 100%;
display: block;
line-height: 28px;
font-size: 14px;
color: #fff;
opacity: 0.8;
}
.foot .zuo3 ul li a:hover {
opacity: 1;
}
.foot .zuo3 ul li.lx {
width: 350px;
margin-right: 0;
}
.dzwz {
line-height: 30px;
color: #fff;
font-size: 14px;
margin-top: 20px;
}
.dzwz p {
line-height: 30px;
color: #fff;
font-size: 14px;
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
}
.dzwz p i {
margin-right: 10px;
color: #fff;
}
.foot .you3 {
width: 120px;
float: right;
}
.foot .you3 .weixin {
width: 120px;
padding-top: 20px;
float: right;
line-height: 30px;
color: #fff;
text-align: center
}
.foot .you3 .weixin img {
width: 100%;
}
.foot .you3 .dian {
width: 230px;
float: left;
}
.foot .you3 .dian h2 {
font-size: 20px;
line-height: 50px;
color: #fff;
padding-top: 20px;
}
.foot .you3 .dian p {
line-height: 30px;
font-size: 14px;
color: #fff;
text-align: left
}
.footer_btm {
margin: 0px auto 0;
line-height: 60px;
width: 100%;
background: #090868;
}
.copy {
text-align: center;
}
.copy p {
font-size: 14px;
text-transform: uppercase;
color: #B9B9B9;
}
.copy p a {
color: #ffffff;
-webkit-transition: 0.9s;
-moz-transition: 0.9s;
-o-transition: 0.9s;
transition: 0.9s;
}
.nban {
width: 100%;
height: 580px;
position: relative;
margin: 0 auto
}
.nban .bt {
width: 380px;
padding: 20px;
position: absolute;
left: 50%;
margin-left: -600px;
top: 45%;
z-index: 5;
}
.nban .bt h2 {
font-size: 30px;
color: #fff;
text-transform: uppercase;
margin-bottom: 10px;
}
.nban .bt h3 {
font-size: 44px;
color: #fff;
font-weight: bold;
}
.ntit {
background: rgba(255, 255, 255, 0.6);
border-bottom: #eee 1px solid;
padding: 15px 0;
overflow: hidden;
}
.ntit ul {
text-align: center;
text-align: right;
}
.ntit ul li {
line-height: 38px;
margin-right: 10px;
position: relative;
background: #eee;
text-align: center;
border-radius: 10px;
overflow: hidden;
display: inline-block;
}
.ntit ul li a {
color: #000;
font-size: 16px;
display: block;
padding: 0 15px;
}
.ntit ul li .e_j {
width: 100%;
display: none;
position: absolute;
left: 0;
top: 40px;
background: rgba(255, 255, 255, 0.8);
}
.ntit ul li .e_j a {
padding: 0;
text-align: center;
border-bottom: #eee 1px solid;
}
.ntit ul li:hover .e_j {
display: block;
}
.ntit ul li a:hover {
background: #1b1994;
color: #fff;
-webkit-transition: all 0.4s linear -1ms;
-moz-transition: all 0.4s linear -1ms;
-ms-transition: all 0.4s linear -1ms;
-o-transition: all 0.4s linear -1ms;
transition: all 0.4s linear -1ms;
}
.ntit ul li.on a {
background: #1b1994;
color: #fff
}
.ny_jj {
margin: 60px auto;
}
.ny_jj .w_z {
width: 55%;
font-size: 16px;
color: #222;
line-height: 2;
}
.ny_jj .w_z h3 {
position: relative;
font-size: 28px;
color: #333;
margin-bottom: 40px;
font-weight: bold;
}
.ny_jj .w_z h3::after {
content: "";
width: 60px;
bottom: -15px;
height: 4px;
background: #1b1994;
position: absolute;
left: 0;
}
.ny_jj .tp {
width: 40%;
position: relative;
}
.ny_jj .tp .box {
position: absolute;
left: -25px;
width: 100%;
height: 100%;
border: #ccc 10px solid;
bottom: -25px;
box-sizing: border-box;
z-index: 1;
}
.ny_jj .tp img {
width: 100%;
display: block;
position: relative;
z-index: 3;
}
.ny_ryzz {
margin: 60px auto 0;
padding: 80px 0;
background: #f6f6f6;
}
.sy_ryzz .container {
width: 1200px;
}
.honors-sw-hook .swiper-wrapper li.swiper-slide-active {
-webkit-transform: scale(1);
transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
z-index: 10;
}
.honors-sw-hook .swiper-wrapper li img {
display: block;
max-width: 100%;
border: 1px solid #cccccc;
padding: 8px;
/* height: 10rem; */
margin: 0 auto;
width: auto;
box-sizing: border-box;
}
.honors-wraper {
position: relative;
padding: 0;
}
.honors-sw-hook {
position: relative;
overflow: hidden;
padding: 20px 0 20px;
}
.honors-sw-hook .swiper-wrapper li {
-webkit-transition: all .7s ease;
-o-transition: all .7s ease;
-moz-transition: all .7s ease;
transition: all .7s ease;
width: 20%;
-webkit-transition: transform 1.0s;
-moz-transition: transform 1.0s;
-ms-transition: transform 1.0s;
-o-transition: transform 1.0s;
text-align: center;
box-sizing: border-box;
}
.honors-sw-hook .swiper-wrapper li.swiper-slide-active {
color: #1b1994;
font-weight: bold;
}
.honors-sw-hook .swiper-wrapper li p {
padding-top: 10px;
font-size: 16px;
}
.honors-sw-hook .swiper-wrapper li img {
display: block;
width: 100%;
border: 1px solid #cccccc;
padding: 8px;
}
.swiper-btn {
display: block;
width: 42px;
height: 42px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background: url(../images/arror.png);
z-index: 99;
}
.honor-prev {
left: 0;
background-position: 0 0;
}
.honor-next {
right: 0;
background-position: right 0;
}
@media (min-width: 1024px) {
.honors-wraper {
margin-top: 25px;
}
.honors-sw-hook {
padding: 40px 0;
}
.honors-sw-hook .swiper-wrapper li {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-moz-transform: scale(0.8);
margin-right: 25px;
}
.honors-sw-hook .swiper-wrapper li.swiper-slide-active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-o-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
z-index: 10;
}
.honors-sw-hook .swiper-wrapper li p {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
-moz-transform: scale(1.2);
padding-top: 18px;
}
.honors-sw-hook .swiper-wrapper li.swiper-slide-active p {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
-moz-transform: scale(0.9);
}
.honors-sw-hook .swiper-wrapper li.my-slide-left,
.honors-sw-hook .swiper-wrapper li.my-slide-right {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
z-index: 9;
-moz-transform: scale(1);
-o-transform: scale(1);
}
.honors-sw-hook .swiper-wrapper li.my-slide-left p,
.honors-sw-hook .swiper-wrapper li.my-slide-right p {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
z-index: 9;
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
}
.honors-sw-hook .swiper-wrapper li.my-slide-left {
right: 2%;
}
.honors-sw-hook .swiper-wrapper li.my-slide-right {
left: 2%;
}
.swiper-btn {
display: block;
}
.honor-prev {
left: -30px;
}
.honor-next {
right: -30px;
}
.swiper-btn:hover {
background-image: url(../images/arrorho.png);
}
}
.aboutc2 {
padding: 130px 0;
overflow: hidden;
background: url(../images/lcbj.jpg) center / cover no-repeat
}
.aboutc2 .aboutclist {
width: 23%;
height: 450px;
background: rgba(27, 25, 148, 0.65);
margin: 0 1%;
padding: 40px 20px;
box-sizing: border-box;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.aboutc2 .aboutclist:hover {
transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.aboutc2 .aboutclist .icon {
width: 90px;
height: 90px;
margin: 0 auto;
line-height: 90px;
text-align: center;
border: #fff 1px solid;
border-radius: 50%;
}
.aboutc2 .aboutclist .icon i {
font-size: 50px;
color: #fff;
}
.aboutc2 .aboutclist:hover .icon {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.aboutc2 .aboutclist .cntitle {
color: #fff;
font-size: 24px;
text-align: center;
margin-top: 25px
}
.aboutc2 .aboutclist .entitle {
color: #fff;
font-size: 16px;
text-align: center;
margin-top: 5px;
font-family: din;
font-weight: bold
}
.aboutc2 .aboutclist .line {
width: 26px;
height: 3px;
background-color: #35b374;
margin: 17px auto 0
}
.aboutc2 .aboutclist .text {
color: #fff;
font-size: 14px;
text-align: center;
margin-top: 20px;
line-height: 1.8;
}
/*发展历程*/
.goleeIntroductory3 {
padding-top: 80px;
background: #f5f5f5;
padding-bottom: 60px;
}
.goleeIntroductory3-con .ban1 .swiper-slide {
position: relative;
z-index: 6;
background-color: #f5f5f5;
}
.goleeIntroductory3-con .ban1 .swiper-wrapper::before,
.goleeIntroductory3-con .ban1::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-family: Segoe UI;
font-weight: 900;
color: #1b1994;
font-size: 42px;
}
.goleeIntroductory3-con .ban1 .swiper-wrapper::before {
content: '2015';
width: 10%;
left: -33%;
}
.goleeIntroductory3-con .ban1::after {
content: '2024';
right: 0;
}
.goleeIntroductory3 h2,
.goleeIntroductory4 h2 {
padding: 120px 0 60px;
}
.goleeIntroductory3-t {
display: none;
margin-bottom: 60px;
color: #666666;
text-align: center;
}
.goleeIntroductory3-con {
background: #f5f5f5;
background-size: 100% auto;
padding: 0px 7% 35px;
}
.goleeIntroductory3-con .ban1 {
position: relative;
overflow: hidden;
}
.goleeIntroductory3-con .ban1 .swiper-wrapper {
display: flex;
align-items: center;
}
.goleeIntroductory3-con .ban1 .swiper-slide {
text-align: left;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.goleeIntroductory3-con .ban1 .swiper-slide .year {
font-weight: 900;
color: #1b1994;
font-size: 42px;
width: 100%;
font-family: Segoe UI;
font-style: italic;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ms {
color: #333333;
font-size: 20px;
line-height: 42px;
text-align: center;
font-weight: bold;
margin: 0 auto;
height: 164px;
text-align: center;
display: none;
width: 90%;
overflow: hidden;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ot {
position: relative;
font-size: 16px;
text-align: center;
width: 100%;
color: #333;
font-weight: bold;
display: none;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ot p.en {
font-size: 12px;
color: #999999;
margin-bottom: 12px;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ot p.cn {
color: #999;
font-size: 14px;
font-weight: bold;
}
.goleeIntroductory3-con .ban1 .swiper-slide-next {
text-align: right;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active {
position: relative;
border-radius: 50%;
text-align: center;
padding: 120px 0;
background: url(../images/lcybj.png) transparent center center no-repeat;
background-size: 100% auto !important;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active .year {
font-size: 86px;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active .ms {
display: block;
margin-top: 30px;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active .ot {
display: block;
justify-content: center;
align-items: center;
}
.goleeIntroductory3-con .ban1 .prev {
position: absolute;
top: 50%;
margin-top: -6.5px;
left: 20%;
cursor: pointer;
z-index: 5;
transition: all .3s
}
.goleeIntroductory3-con .ban1 .next {
position: absolute;
top: 50%;
margin-top: -6.5px;
right: 20%;
cursor: pointer;
z-index: 5;
transition: all .3s
}
.goleeIntroductory3-con .ban1 .next:hover {
transform: translateX(-10px)
}
.goleeIntroductory3-con .ban2 {
position: relative;
width: 100%;
overflow: hidden;
margin: 60px auto 0;
padding-bottom: 30px;
background-size: 100% auto !important;
background: url(../images/lc.png) left bottom no-repeat;
}
.goleeIntroductory3-con .ban2 .swiper-slide {
text-align: center;
font-weight: 700;
color: #333333;
font-size: 18px;
width: 75px;
height: 50px;
line-height: 50px;
margin: 0 !important;
cursor: pointer;
}
.goleeIntroductory3-con .ban2 .active-nav {
background-image: url(../images/lcbj_hov.png);
background-size: 100% 100%;
color: #fff;
}
.abo-ind-strategy {
padding: 100px 0 130px;
}
.abo-ind-strategy-main dl {
display: flex;
flex-wrap: wrap;
}
.abo-ind-strategy-main dd {
padding: 0;
background-color: #f6f6f6;
}
.abo-ind-strategy-main dd.strategy-big {
display: none;
}
.abo-ind-strategy-edac {
position: relative;
padding: 40px 60px;
height: 100%;
}
.abo-ind-strategy-til {
font-size: 32px;
line-height: 40px;
color: #333333;
margin-bottom: 20px;
}
.abo-ind-strategy-tex {
font-size: 18px;
line-height: 36px;
color: #555555;
}
.abo-ind-strategy-ico {
font-size: 36px;
position: absolute;
right: 0;
bottom: 0;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #1b1994;
color: #fff;
}
.abo-ind-strategy-ico i {
font-size: 40px;
}
.xm6 {
width: 50%;
}
.abo-ind-strategy-img {
overflow: hidden;
}
.abo-ind-strategy-img img {
transition: all 1s;
width: 100%;
}
.abo-ind-strategy-img:hover img {
transform: scale(1.05, 1.05);
}
@media (min-width: 1000px) and (max-width:1199px) {
.abo-ind-strategy-edac {
padding: 30px 20px 0;
}
.abo-ind-strategy-til {
margin-bottom: 5px;
}
}
.hidden-b {
display: none !important;
}
.gy_dsz {
background: #f6f6f6;
overflow: hidden;
padding: 100px 0;
}
.gy_dsz .con {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.gy_dsz .t_p {
width: 55%;
}
.gy_dsz .t_p img {
width: 100%;
}
.gy_dsz .w_z {
width: 100%;
font-size: 18px;
line-height: 2;
color: #222;
}
.gy_dsz .w_z h3 {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
color: #111;
}
.talkout {
padding: 130px 0 130px;
background: url('../images/talkbg.jpg') bottom no-repeat;
background-attachment: fixed;
background-size: cover;
}
.talk {
position: relative;
display: flex;
justify-content: center;
align-items: stretch;
}
.speech {
width: calc(100% - 400px);
min-height: 610px;
position: relative;
background-color: #fff;
}
.speech .inner {
padding: 50px 50px 50px;
}
.speechcon {
font-size: 16px;
color: #222;
line-height: 2;
text-align: justify;
}
.speechcon .ti2 {
padding-bottom: 20px;
}
.speechcon .ti3 {
text-align: right;
}
.qianmin {
margin-top: 20px;
text-align: right;
height: 86px;
}
.qianmin img {
max-height: 100%;
}
.talkleft {
position: relative;
z-index: 1;
width: 400px;
background-color: rgba(0, 0, 0, 0.75);
}
.talkleft .inner {
padding: 92px 40px 2px;
}
.talkleft .china {
position: absolute;
bottom: 80px;
left: 10%;
display: block;
width: 80%;
margin-top: 45px;
}
.talkcate {
position: relative;
padding-bottom: 20px;
color: #fff;
margin-left: 10px;
}
.talkcate .cn {
font-size: 36px;
line-height: 60px;
}
.talkcate .en {
font-size: 40px;
line-height: 42px;
text-transform: uppercase;
font-family: 'swissblkbt';
opacity: 0.5;
word-break: normal;
}
.talkcate:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
z-index: 0;
width: 30px;
height: 0;
border-bottom: 3px solid #fff;
}
@media screen and (max-width: 1440px) {
.speech .inner {
padding: 60px 50px 20px;
}
}
@media screen and (max-width: 1100px) {
.talk {
padding-left: 320px;
}
.talkleft {
width: 320px;
}
.talkleft .inner {
padding: 92px 20px 2px;
}
.speech .inner {
padding: 50px 30px 20px;
}
}
@media screen and (max-width: 920px) {
.talkout {
padding: 50px 0;
}
.talk {
padding-left: 0;
flex-direction: column;
}
.talkleft {
position: static;
width: 100%;
height: auto;
margin: 0 auto;
}
.talkleft .inner {
padding: 32px 20px 20px;
}
.talkleft .china {
display: none;
}
.talkcate {
text-align: center;
margin-left: 0;
}
.talkcate:after {
left: 50%;
margin-left: -15px;
}
.speech {
min-height: 0;
width: 100%;
}
.speech .inner {
padding: 30px 25px 20px;
}
}
@media screen and (max-width: 640px) {
.speechcon {
font-size: 16px;
}
.speech .inner {
padding: 40px 24px 20px;
}
}
.jj_ywfw {
padding: 60px 0;
background: #f6f6f6;
}
.jj_ywfw ul li {
width: calc((100% - 100px) / 5);
float: left;
margin-right: 25px;
border-radius: 10px;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
padding: 30px 0;
}
.jj_ywfw ul li:hover {
transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.jj_ywfw ul li .tb {
width: 188px;
height: 188px;
background: rgba(38, 132, 190, 0.16);
margin: 0 auto 22px;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.jj_ywfw ul li:hover .tb {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.jj_ywfw ul li .tb .box {
width: 156px;
height: 156px;
justify-content: center;
align-items: center;
display: flex;
border-radius: 50%;
margin: 0 auto;
background: #2684be;
}
.jj_ywfw ul li .tb .box img {
width: 66px;
display: block;
}
.jj_ywfw ul li h3 {
font-weight: bold;
font-size: 16px;
line-height: 178.5%;
text-align: center;
color: #000000;
margin-bottom: 10px;
}
.jj_ywfw ul li:nth-child(5n) {
margin-right: 0;
}
.jj_ywfw ul li p {
font-size: 16px;
color: #555;
line-height: 1.8;
text-align: center;
height: 58px;
overflow: hidden;
}
.tit {
margin-bottom: 50px;
}
.tit h1 {
position: relative;
font-size: 40px;
color: #333;
margin-bottom: 30px;
text-align: center;
font-weight: bold;
position: relative;
padding-bottom: 20px;
}
.tit h1::after {
position: absolute;
width: 60px;
height: 4px;
content: "";
left: 50%;
margin-left: -30px;
background: #1b1994;
bottom: 0;
}
.tit h4 {
text-align: center;
font-size: 16px;
line-height: 1.8;
color: #444;
}
/*产品中心*/
.ny_cp {
position: relative;
background-color: #F2F2FB;
}
.ny_cp .list {
width: 386px;
float: left;
background: #F2F2FB;
position: sticky;
top: 85px;
height: 100%;
}
.subNavBox {}
.subNav {
cursor: pointer;
font-weight: 400;
font-size: 20px;
color: #000000;
background: url(../images/jiah.png) no-repeat;
background-position: 85% 50%;
line-height: 76px;
padding: 0 50px;
display: block;
}
.subNav:hover {
color: #fff;
background: #1b1994 url(../images/jianh.png) no-repeat;
background-position: 85% 50%;
}
.currentDd {
color: #fff;
background: #1b1994 url(../images/jianh.png) no-repeat;
background-position: 85% 50%;
}
.currentDt {
background: #1b1994 url(../images/jianh.png) no-repeat;
background-position: 85% 50%;
}
.navContent {
display: none;
background: #FFFFFF;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
width: 100%;
padding: 5px 42px 60px;
}
.navContent li a {
line-height: 56px;
display: block;
border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
font-size: 16px;
color: #000000;
}
.navContent li a:hover {
color: #1b1994;
}
.navContent li a.on {
color: #1b1994;
}
.ny_cp .list ul li {
position: relative;
}
.ny_cp .list ul li .y_j {
position: relative;
line-height: 76px;
padding: 0 50px;
}
.ny_cp .list ul li:hover .y_j {
background: #1b1994;
}
.ny_cp .list ul li.on .y_j {
background: #1b1994;
}
.ny_cp .list ul li.on i {
background: url(../images/jianh.png) center center no-repeat;
}
.ny_cp .list ul li:hover .y_j a {
color: #fff;
}
.ny_cp .list ul li.on .y_j a {
color: #fff;
}
.ny_cp .list ul li .y_j a {
font-weight: 400;
font-size: 20px;
color: #000000;
}
.ny_cp .list ul li i {
position: absolute;
width: 130px;
height: 100%;
right: 0px;
background: url(../images/jiah.png) center center no-repeat;
}
.ny_cp .list ul li .e_j {
position: relative;
background: #FFFFFF;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
width: 100%;
display: none;
padding: 5px 42px 60px;
}
.ny_cp .list ul li .e_j a {
line-height: 56px;
display: block;
border-bottom: 1px dashed rgba(0, 0, 0, 0.3);
font-size: 16px;
color: #1b1994;
}
.ny_cp .list ul li .e_j a:hover {
color: #1b1994;
}
.ny_cp .right {
float: right;
width: calc(100% - 386px);
}
.ny_cp .right .box {
padding: 4.27vw 6vw 5.2vw 4.27vw;
background: #fff;
min-height: 900px;
}
.ny_cp .right .lb ul{
display: flex;
flex-wrap: wrap;
}
.ny_cp .right .lb ul li {
width: calc((100% - 150px) / 3);
/* float: left; */
margin: 0 25px 35px;
}
.ny_cp .right .lb ul li .tp {
background: rgba(255, 255, 255, 0.58);
box-shadow: 0px 0px 3.08149px rgba(0, 0, 0, 0.25);
overflow: hidden;
position: relative;
height: calc(100% - 29px);
display: flex;
justify-content: center;
align-items: center;
}
.ny_cp .right .lb ul li .tp img {
max-width: 100%;
max-height: 100%;
display: block;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ny_cp .right .lb ul li:hover .tp img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-o-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ny_cp .right .lb ul li .mb {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(47, 42, 163, 0.33);
opacity: 0;
z-index: -1;
}
.ny_cp .right .lb ul li .mb .more {
width: 144px;
height: 40px;
background: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 50px;
font-size: 13px;
color: #2F2AA3;
text-align: center;
line-height: 40px;
}
.ny_cp .right .lb ul li .mb .more a {
color: #2F2AA3;
}
.ny_cp .right .lb ul li:hover .mb {
opacity: 1;
z-index: 2;
}
.ny_cp .right .lb ul li h3 {
margin-top: 10px;
font-size: 14px;
line-height: 29px;
color: #000000;
text-align: center;
}
.ny_cp .list .a_n {
display: none;
}
.xiaocms-page {
padding: 35px 0;
overflow: hidden;
text-align: center;
}
.xiaocms-page a ,.xiaocms-page span{
width: 38px;
height: 38px;
display: inline-block;
margin: 0 10px;
border-radius: 50%;
background: #eee;
line-height: 38px;
text-align: center;
font-size: 16px;
color: #333;
}
.xiaocms-page a:hover {
background: #1b1994;
color: #fff;
}
.xiaocms-page span{
background: #1b1994;
color: #fff;
}
/*技术创新*/
.ny_jscx {
padding: 110px 0;
overflow: hidden
}
.ny_jscx ul li {
width: 30.3333%;
float: left;
margin: 0 1.5%;
position: relative;
height: 30vw;
}
.ny_jscx ul li img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.ny_jscx ul li .mb {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 0;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.ny_jscx ul li:hover .mb {
opacity: 1;
}
.ny_jscx ul li .w_z {
width: 100%;
padding: 20px 5%;
position: absolute;
top: 40%;
left: 0;
color: #fff;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
z-index: 2;
}
.ny_jscx ul li .w_z h3 {
font-size: 20px;
color: #fff;
position: relative;
padding-bottom: 10px;
text-align: center;
margin-bottom: 15px;
}
.ny_jscx ul li .w_z p {
font-size: 16px;
padding: 10px;
color: #fff;
line-height: 2;
display: none;
text-align: center;
}
.ny_jscx ul li .w_z p a {
display: block;
color: #fff;
}
.ny_jscx ul li .w_z .tb {
width: 60px;
margin: 0 auto 20px;
}
.ny_jscx ul li .w_z h3::before {
width: 50px;
background: #fff;
content: "";
position: absolute;
left: 50%;
margin-left: -25px;
height: 2px;
bottom: 0;
}
.ny_jscx ul li:hover .w_z {
background-color: rgba(6, 88, 162, .0);
top: 25%;
}
.ny_jscx ul li:hover .w_z p {
display: block;
}
/*解决方案*/
.ny_fw {
padding: 40px 0;
}
.ny_fw ul li {
margin-bottom: 10px;
background: #f6f6f6;
position: relative;
overflow: hidden;
}
.ny_fw ul li .tp {
width: 50%;
overflow: hidden;
}
.ny_fw ul li .tp img {
width: 100%;
display: block;
}
.ny_fw ul li .wenz {
width: 50%;
position: absolute;
right: 0;
height: 100%;
top: 0;
padding: 25px 3% 25px 5%;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.ny_fw ul li:nth-child(2n) .wenz {
left: 0;
right: auto;
}
.ny_fw ul li .wenz .tb {
width: 80px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ny_fw ul li .wenz .tb i {
font-size: 45px;
color: #333;
text-align: center;
}
.ny_fw ul li:hover .wenz .tb {
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.ny_fw ul li .wenz h3 {
font-size: 24px;
line-height: 1.25;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
color: #222;
}
.ny_fw ul li .wenz h3:before {
content: '';
position: absolute;
left: 0%;
width: 2em;
height: 4px;
background: rgba(181, 181, 182, 0.5);
bottom: 0px;
}
.ny_fw p {
color: #666;
line-height: 1.8;
letter-spacing: 0.1em;
text-align: justify;
margin-bottom: 10px;
font-weight: lighter;
font-size: 14px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.ny_fw ul li .more {
width: 120px;
height: 38px;
margin-top: 30px;
text-align: center;
font-size: 14px;
position: relative;
border: #333 1px solid;
line-height: 38px;
}
.ny_fw ul li .more::before {
width: 30px;
height: 1px;
content: "";
background: #333;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.ny_fw ul li .more:hover::before {
width: 0;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.ny_fw ul li .more a {
color: #333;
position: relative;
z-index: 3;
}
.ny_fw ul li .more:hover a {
color: #fff;
}
.ny_fw ul li .more span {
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: #1f69a3;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.ny_fw ul li .more:hover span {
width: 100%;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.ny_fw ul li:hover .tp img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-o-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.lx_wm .rc_zp .ts {
font-size: 14px;
line-height: 26px;
color: #888;
margin-top: 20px;
}
.lx_wm .rc_zp .ts a {
color: #1b1994;
}
.lx_wm .rc_zp .jr_lm {
border: 1px solid #e7e7e7;
overflow: hidden;
margin-bottom: 10px;
}
.lx_wm .rc_zp .jr_lm.jt {
border: 1px solid #1b1994;
}
.lx_wm .rc_zp .jr_bt {
padding: 5px 40px;
height: 50px;
font-size: 14px;
line-height: 40px;
color: #555;
overflow: hidden;
cursor: pointer;
}
.lx_wm .rc_zp .jr_bt:hover {
background-color: #e7e7e7;
}
.lx_wm .rc_zp .jr_bt.on {
background-color: #e7e7e7;
}
.lx_wm .rc_zp .jr_lm.jt .jr_bt {
background-color: #1b1994;
color: #fff;
padding: 10px 40px;
line-height: 40px;
font-size: 16px;
}
.lx_wm .rc_zp .jr_bt span {
float: left;
width: 16%;
text-align: center;
}
.lx_wm .rc_zp .jr_bt span.xq {
float: right;
}
.lx_wm .rc_zp .jr_bt span i {
margin-left: 10px;
}
.lx_wm .rc_zp .jr_bt span.s_40 {
float: left;
width: 20%;
text-align: left;
}
.lx_wm .rc_zp .jr_nr {
background-color: #fff;
padding: 30px 40px 10px;
font-size: 14px;
line-height: 32px;
margin-bottom: 3px;
display: none;
color: #666;
}
.lx_wm .rc_zp .jr_nr .gw {
width: 80px;
float: left;
}
.lx_wm .rc_zp .jr_nr .js {
width: 1020px;
float: right;
margin-bottom: 20px;
color: #666;
}
.lx_wm .rc_zp .sqzw a {
width: 180px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
margin-top: 30px;
float: right;
background: #1b1994;
font-size: 14px;
color: #fff;
}
.lx_wm .rc_zp .lxfs {
float: left;
line-height: 50px;
font-size: 25px;
font-weight: bold;
color: #1b1994;
margin-top: 30px;
}
.lx_wm .rc_zp .lxfs i {
font-size: 25px;
margin-right: 8px;
}
.lx_wm .rc_zp .lxfs a {
color: #333
}
.lx_wm .rc_zp .lxfs a:hover {
color: #1b1994
}
.recr_lin {
width: 100%;
height: auto;
padding-bottom: 80px;
background: url(../images/recruit3.jpg) center / cover no-repeat;
padding-top: 80px;
}
.recr_lin .box {
height: auto;
margin: 0 auto;
}
.recr_lin .box li {
width: 33.33%;
*width: 33.32%;
height: auto;
float: left;
}
.recr_lin .box li .first {
height: 266px;
margin: 0px 10px;
background: #fff;
text-align: center;
padding-top: 30px;
padding: 20px 25px;
}
.recr_lin .box li .first dt {
height: 46px;
line-height: 46px;
font-size: 18px;
color: #000;
font-weight: bold;
}
.recr_lin .box li .first dd {
line-height: 30px;
font-size: 16px;
color: #333;
}
.recr_lin .box li .first:hover {
background: #1b1994;
}
.recr_lin .box li .first:hover dt {
color: white;
}
.recr_lin .box li .first:hover dd {
color: white;
}
.ny_xw {
margin: 30px auto 40px;
}
.Activsbf1_lb {
width: 100%;
margin-top: 10px;
}
.Activsbf1_lb dl {
width: 100%;
background: #f6f6f6;
padding: 10px;
margin: 0 0 20px;
box-sizing: border-box;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.Activsbf1_lb dt {
width: 28%;
float: left;
overflow: hidden;
}
.Activsbf1_lb dt a {}
.Activsbf1_lb dt img {
vertical-align: middle;
width: 100%;
height: 100%;
object-fit: cover;
}
.Activsbf1_lb dd {
width: 68%;
float: right;
margin-top: 15px;
margin-right: 0.5%
}
.Activsbf1_lb dd .newNrtit {
width: 100%;
line-height: 30px;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.Activsbf1_lb dd .newNrtit a {
font-size: 18px;
color: #333;
}
.Activsbf1_lb dd .newNrjs {
width: 100%;
margin-top: 10px;
line-height: 1.8;
color: #666;
font-size: 16px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
min-height: 91px;
}
.Activsbf1_lb dd .Acdltj_time {
width: 100%;
margin: 15px 0 0;
color: #999;
}
.Activsbf1_lb dd .more1 a {
width: 120px;
line-height: 36px;
border: #ccc 1px solid;
display: block;
text-align: center;
color: #333;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 10px;
font-size: 16px;
}
.Activsbf1_lb dd:hover .more1 a {
background: #35b474;
color: #fff
}
.Activsbf1_lb dl:hover .Acdltj_time {
color: #ccc;
}
.Activsbf1_lb dl:hover {
background: #1b1994;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.Activsbf1_lb dl:hover dd .newNrtit a {
color: #fff;
}
.Activsbf1_lb dl:hover .newNrjs {
color: #fff;
}
.Activsbf1_lb dl:hover dt img {
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: transform 1s ease 0s;
-webkit-transform-origin: center;
transform-origin: center;
}
.Activsbf1_lb dl:hover dt img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.lx_wm {
margin: 80px auto;
}
.lx_wm .d_t {
margin-top: 50px;
}
.lx_wm .x_x {
width: 45%;
float: left;
}
.lx_wm .l_y {
width: 55%;
float: right;
}
.lx_wm h3 {
font-size: 24px;
margin-bottom: 15px;
color: #333;
}
.lx_wm h4 {
font-size: 16px;
line-height: 26px;
color: #888;
margin-bottom: 15px;
}
.lx_wm em {
width: 30px;
height: 1px;
background-color: #1b1994;
display: block;
margin-bottom: 15px;
}
.lx_wm b {
font-family: Arial, Helvetica, sans-serif;
color: #1b1994;
padding-left: 5px;
font-size: 20px !important;
}
.lx_wm p {
font-size: 16px;
line-height: 40px;
color: #444;
}
.lx_wm p i {
padding-right: 10px;
color: #777;
font-size: 20px;
vertical-align: middle;
}
.lx_wm input.w_z {
width: 31.8%;
height: 50px;
font-size: 16px;
line-height: 40px;
margin-right: 2%;
margin-bottom: 20px;
border: 1px solid #e7e7e7;
padding: 0 5px;
box-sizing: border-box;
}
.lx_wm input.no {
margin-right: 0;
}
.lx_wm input.a_n {
width: 160px;
height: 50px;
background-color: #1b1994;
font-size: 14px;
color: #fff;
line-height: 40px;
}
.lx_wm textarea {
width: 100%;
height: 150px;
padding: 5px;
border: 1px solid #e7e7e7;
outline: none;
resize: none;
font-size: 16px;
line-height: 50px;
margin-bottom: 20px;
box-sizing: border-box;
}
.sjkf {
display: none;
}
.ew_m {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .8);
display: none;
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 99999;
}
.sy_gg {
padding: 80px 0;
overflow: hidden;
}
.tit2 {
padding-bottom: 15px;
border-bottom: rgba(0, 0, 0, 0.3) 2px solid;
margin-bottom: 30px;
}
.tit2 h1 {
font-size: 28px;
color: #222;
position: relative;
}
.tit2 h1 i {
font-size: 28px;
margin-right: 8px;
}
.tit2 .gd {
float: right;
margin-top: 15px;
background: url(../images/gds.png) left center no-repeat;
padding-left: 38px;
}
.tit2 .gd a {
color: #222;
line-height: 30px;
font-size: 14px;
}
.tit2 .gd:hover a {
color: #1b1994;
}
.tit2 .gd:hover {
background: url(../images/gds.png) left center no-repeat
}
.sy_gg ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sy_gg ul li {
width: calc((100% - 160px) / 3);
margin-bottom: 40px;
margin-top: 10px;
}
.sy_gg ul li .rq {
width: 80px;
float: left;
padding: 10px;
background: #1b1994;
text-align: left;
box-sizing: border-box;
border-radius: 5px;
}
.sy_gg ul li .rq h3 {
font-size: 18px;
color: #fff;
}
.sy_gg ul li .rq h2 {
font-size: 24px;
color: #fff;
}
.sy_gg ul li .w_z {
float: right;
width: calc(100% - 95px);
position: relative;
padding-bottom: 15px;
}
.sy_gg ul li .w_z h4 {
font-size: 17px;
line-height: 26px;
color: #222;
transition: all 0.5s;
-wbkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.sy_gg ul li:hover .w_z h4 {
color: #1b1994;
transition: all 0.5s;
-wbkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.sy_gg ul li .w_z::after {
width: 175px;
height: 1px;
background: #51bc74;
content: "";
position: absolute;
left: 0;
bottom: 0;
transition: all 0.5s;
-wbkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.sy_gg ul li:hover .w_z::after {
width: 100%;
transition: all 0.5s;
-wbkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
}
/*投资者活动*/
.sy_bmdt {
padding: 85px 0 85px;
background: url(../images/bj3.jpg) center / cover no-repeat;
overflow: hidden;
}
.sy_bmdt .gd {
padding-right: 20px;
}
.sy_bmdt .box {
padding: 30px 0;
background: #fff;
}
.sy_bmdt .dt {
border-top: rgba(40, 149, 154, 0.3) 2px solid;
padding: 30px 25px 0;
display: flex;
justify-content: space-between;
}
.sy_bmdt .dt .tp {
width: 30.3333%;
}
.sy_bmdt .dt .tp .ov {
overflow: hidden;
}
.sy_bmdt .dt .tp img {
width: 100%;
display: block;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sy_bmdt .dt .tp:hover .ov img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-o-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sy_bmdt .dt .tp .w_z {
padding: 15px 20px;
border: #eee 1px solid;
}
.sy_bmdt .dt .tp .w_z h3 {
font-size: 17px;
line-height: 30px;
color: #010101;
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sy_bmdt .dt .tp .w_z h3:hover {
color: #1b1994;
transition: all 0.5s;
-wbkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.sy_bmdt .dt .tp .w_z h4 {
font-size: 15px;
color: #1b1994;
text-decoration: underline;
}
.sy_bmdt .dt .tp .w_z h4 img {
vertical-align: middle;
margin-right: 5px;
width: 18px;
display: inline;
}
.sy_bmdt .dt .right {
width: calc(100% - 820px);
}
.sy_bmdt .dt .right ul li {
padding-bottom: 20px;
overflow: hidden;
}
.sy_bmdt .dt .right ul li .rq {
width: 67px;
height: 67px;
background: #def1fd;
text-align: center;
float: left;
}
.sy_bmdt .dt .right ul li .rq h3 {
font-size: 30px;
color: #1b1994;
margin-top: 10px;
}
.sy_bmdt .dt .right ul li .rq p {
font-size: 14px;
color: #1b1994;
}
.sy_bmdt .dt .right ul li .w_z {
width: calc(100% - 94px);
float: right;
font-size: 17px;
line-height: 30px;
color: #494949;
transition: all 0.5s;
-wbkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.sy_bmdt .dt .right ul li:hover .w_z {
color: #1b1994;
transition: all 0.5s;
-wbkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
width: calc(100% - 102px);
}
.ny_xq1 {
padding: 60px 0;
overflow: hidden;
}
.ny_xq1 .con {
display: flex;
justify-content: space-between;
align-items: center;
}
.ny_xq1 .t_p {
width: 45%;
}
.ny_xq1 .t_p img {
width: 100%;
display: block;
}
.ny_xq1 .w_z {
width: 50%;
}
.ny_xq1 .w_z p {
font-size: 17px;
line-height: 32px;
color: #444;
}
.sy_fw {
margin: 60px auto;
}
.sy_fw ul {
text-align: center;
justify-content: center;
display: flex;
}
.sy_fw ul li {
display: inline-block;
margin: 0 10px;
width: 240px;
box-sizing: border-box;
position: relative;
height: 400px;
}
.sy_fw ul li .correct {
padding: 30px 24px;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
box-sizing: border-box;
background: #fff;
}
.sy_fw ul li .correct .tb {
text-align: center;
}
.sy_fw ul li .correct h3 {
margin: 25px 0 10px;
color: #595757;
font-size: 19px;
}
.sy_fw ul li .correct p {
font-size: 13px;
line-height: 1.8;
}
.sy_fw ul li .opposite {
width: 100%;
height: 240px;
background: #f7f8f8;
}
.sy_fw ul li .opposite .opposite-content {
display: table;
width: 100%;
height: 240px;
}
.opposite div {
min-height: 240px;
width: 100%;
background: #f7f8f8;
}
.sy_fw ul li .opposite .opposite-content-text {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
}
.sy_fw ul li .opposite .opposite-content-text a {
font-size: 19px;
line-height: 45px;
color: #3c5a77;
display: block;
text-align: center;
}
@-webkit-keyframes flipOutYtest {
from {
-webkit-transform: perspective(1400px);
transform: perspective(1400px);
}
40% {
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
opacity: 1;
}
50% {
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
to {
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
opacity: 0;
}
}
.test {
-webkit-animation: flipOutYtest 0.5s linear;
animation: flipOutYtest 0.5s linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes flipInYtest {
from {
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
opacity: 0;
}
50% {
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
opacity: 0;
}
60% {
-webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
opacity: 1;
}
to {
-webkit-transform: perspective(1400px);
transform: perspective(1400px);
opacity: 1;
}
}
.test2 {
-webkit-animation: flipInYtest 0.5s linear;
animation: flipInYtest 0.5s linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.test2 span {
width: 88px;
height: 88px;
padding: 20px;
box-sizing: border-box;
display: block;
margin: 0 auto;
border: #fff 1px solid;
border-radius: 50%;
}
.test2 span img {
width: 100%;
display: block;
}
.kpfz {
padding: 60px 0;
}
.kpfz ul {
display: flex;
justify-content: center;
}
.kpfz ul li {
width: 18%;
height: 400px;
margin: 0 1%;
position: relative;
}
.kpfz ul li .tx1 {
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
border-radius: 10px;
display: flex;
justify-content: center;
flex-direction: column;
}
.kpfz ul li .tb {
width: 88px;
height: 88px;
border-radius: 50%;
margin: 0 auto;
border: #fff 1px solid;
padding: 22px;
box-sizing: border-box;
}
.kpfz ul li .tb img {
width: 100%;
display: block;
}
.kpfz ul li h3 {
font-size: 16px;
color: #fff;
line-height: 55px;
text-align: center;
}
.kpfz ul li .tx2 {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: all 1.5s;
-moz-transition: all 1.5s;
-o-transition: all 1.5s;
transition: all 1.5s;
border-radius: 10px;
background: linear-gradient(180deg, #02468e 0, #57a1ed);
display: flex;
justify-content: center;
flex-direction: column;
padding: 20px;
box-sizing: border-box;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.kpfz ul li:hover .tx1 {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
z-index: 1;
}
.kpfz ul li:hover .tx2 {
z-index: 3;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.kpfz ul li p {
font-size: 16px;
line-height: 1.8;
color: #fff;
}
.ny_xq2 {
padding: 60px 0;
background: #f6f6f6;
overflow: hidden;
}
.ny_xq2 ul li {
width: 23%;
float: left;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
margin: 0 1%;
}
.ny_xq2 ul li .tp {
overflow: hidden;
position: relative;
height: 217px;
}
.ny_xq2 ul li .mb {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.ny_xq2 ul li .mb .tb {
width: 60px;
}
.ny_xq2 ul li:hover .mb {
background: rgba(0, 0, 0, 0.3);
}
.ny_xq2 ul li img {
width: 100%;
display: block;
object-fit: cover;
height: 100%;
}
.ny_xq2 ul li h3 {
font-size: 18px;
color: #333;
margin: 10px 0;
text-align: center;
}
.ny_xq2 ul li p {
font-size: 14px;
line-height: 1.8;
color: #444;
height: 51px;
}
.ny_xq2 ul li:hover {
transform: translateY(-5px);
-wbkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.ny_xq3 {
padding: 50px 0;
overflow: hidden;
}
.ny_xq3 img {
width: 100%;
display: block;
margin-bottom: 10px;
}
.ny_xq4 {
padding: 50px 0;
overflow: hidden;
}
.ny_xq4 ul {
display: flex;
align-items: stretch
}
.ny_xq4 ul li {
width: 14.6666%;
float: left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin: 0 1%;
padding: 10px 20px 20px;
box-sizing: border-box;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
background: #fff;
}
.ny_xq4 ul li .tb {
text-align: center;
margin: 20px auto;
}
.ny_xq4 ul li .tb img {
width: 55px;
color: #1b1994
}
.ny_xq4 ul li h3 {
font-size: 18px;
text-align: center;
color: #333;
font-weight: bold;
}
.ny_xq4 ul li p {
font-size: 14px;
color: #444;
line-height: 1.8;
}
.ny_xq4 ul li:hover {
background: #1b1994;
transition: all 0.3s;
-wbkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
}
.ny_xq4 ul li:hover h3 {
color: #fff;
}
.ny_xq4 ul li:hover p {
color: #fff;
}
.ny_xq4 ul li:hover .tb img {
filter: grayscale(100%) brightness(300%);
-webkit-filter: grayscale(100%) brightness(300%);
-moz-filter: grayscale(100%) brightness(300%);
-ms-filter: grayscale(100%) brightness(300%);
-o-filter: grayscale(100%) brightness(300%);
}
@media screen and (max-width:1700px) {
.goleeIntroductory3-con .ban1 .swiper-slide-active {
padding: 90px 0;
}
.goleeIntroductory4-safe {
padding: 45px 70px 90px 60px;
}
}
@media screen and (max-width:1550px) {
.goleeIntroductory12-t {
font-size: 28px;
margin: 30px 0 40px;
}
.goleeIntroductory11-t strong {
font-size: 45px;
}
.goleeIntroductory12 {
width: 77%;
}
.goleeIntroductory12-t1 p {
line-height: 30px;
margin-bottom: 15px;
}
.goleeIntroductory2 h2 {
padding: 100px 0 50px;
}
.goleeIntroductory2-safe {
padding: 100px 0;
}
.goleeIntroductory2-top {
width: 172px;
height: 172px;
}
.goleeIntroductory2-bot {
margin-top: 30px;
}
.goleeIntroductory3 h2,
.goleeIntroductory4 h2 {
padding: 100px 0 20px;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active .year {
font-size: 80px;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ms {
font-size: 18px;
line-height: 30px;
height: 100px;
width: 95%;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active .ms {
margin-top: 20px;
}
.goleeIntroductory3-con .ban2 .swiper-slide {
width: 70px;
height: 45px;
line-height: 45px;
}
.goleeIntroductory41-t {
font-size: 38px;
}
.goleeIntroductory41-t2 {
margin-top: 10px;
}
.goleeIntroductory42 {
right: 50px;
padding: 80px 60px 80px 35px;
}
.goleeIntroductory41-span {
font-size: 20px;
}
.goleeIntroductory41-span span {
font-size: 38px;
}
.goleeIntroductory5-rig {
width: calc(74.5% - 60px);
padding: 0 6% 0 0;
line-height: 28px;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active {
padding: 80px 0;
}
}
@media screen and (max-width:1400px) {
.goleeIntroductory11-t strong {
font-size: 38px;
}
.goleeIntroductory12-t {
font-size: 26px;
margin: 25px 0 30px;
}
.goleeIntroductory12-t1 p {
margin-bottom: 10px;
}
.goleeIntroductory2-bot {
margin-top: 25px;
}
.goleeIntroductory2-top {
width: 162px;
height: 162px;
}
.goleeIntroductory2-safe {
padding: 90px 0;
}
.goleeIntroductory2 h2 {
padding: 80px 0 50px;
}
.goleeIntroductory3 h2,
.goleeIntroductory4 h2 {
padding: 80px 0 20px;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active .year {
font-size: 70px;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ms {
font-size: 16px;
line-height: 26px;
height: 70px;
}
.goleeIntroductory3-con .ban1 .next {
right: 16%;
}
.goleeIntroductory3-con .ban1 .prev {
left: 16%;
}
.goleeIntroductory3-con .ban1 .swiper-slide .year,
.goleeIntroductory3-con .ban1 .swiper-wrapper::before,
.goleeIntroductory3-con .ban1::after {
font-size: 38px;
}
.goleeIntroductory41-safe {
margin-top: -35px;
}
.goleeIntroductory5-rig {
width: calc(74.5% - 50px);
padding: 0 5% 0 0;
line-height: 26px;
}
.goleeIntroductory1-single:nth-child(2) {
margin: 110px 0;
}
.goleeIntroductory1 {
padding: 160px 0 40px;
background: url(../images/page1_r.png)right 30px no-repeat;
}
}
@media screen and (max-width:1400px) {
.goleeIntroductory11-t strong {
font-size: 38px;
}
.goleeIntroductory12-t {
font-size: 26px;
margin: 25px 0 30px;
}
.goleeIntroductory12-t1 p {
margin-bottom: 10px;
}
.goleeIntroductory2-bot {
margin-top: 25px;
}
.goleeIntroductory2-top {
width: 162px;
height: 162px;
}
.goleeIntroductory2-safe {
padding: 90px 0;
}
.goleeIntroductory2 h2 {
padding: 80px 0 50px;
}
.goleeIntroductory3 h2,
.goleeIntroductory4 h2 {
padding: 80px 0 20px;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active .year {
font-size: 70px;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ms {
font-size: 16px;
line-height: 26px;
height: 70px;
}
.goleeIntroductory3-con .ban1 .next {
right: 16%;
}
.goleeIntroductory3-con .ban1 .prev {
left: 16%;
}
.goleeIntroductory3-con .ban1 .swiper-slide .year,
.goleeIntroductory3-con .ban1 .swiper-wrapper::before,
.goleeIntroductory3-con .ban1::after {
font-size: 38px;
}
.goleeIntroductory41-safe {
margin-top: -35px;
}
.goleeIntroductory5-rig {
width: calc(74.5% - 50px);
padding: 0 5% 0 0;
line-height: 26px;
}
.goleeIntroductory1-single:nth-child(2) {
margin: 110px 0;
}
.goleeIntroductory1 {
padding: 160px 0 40px;
background: url(../images/page1_r.png)right 30px no-repeat;
}
}
@media screen and (max-width:1300px) {
.goleeIntroductory11-t strong {
font-size: 33px;
}
.goleeIntroductory12-t {
font-size: 24px;
margin: 20px 0 25px;
}
.goleeIntroductory1 {
padding: 150px 0 30px;
background: url(../images/page1_r.png)right 20px no-repeat;
}
.goleeIntroductory12-t1 p {
line-height: 26px;
}
.goleeIntroductory1-single:nth-child(2) {
margin: 100px 0;
}
.goleeIntroductory2-top {
width: 152px;
height: 152px;
}
.goleeIntroductory2 h2 {
padding: 60px 0 40px;
}
.goleeIntroductory3 h2,
.goleeIntroductory4 h2 {
padding: 60px 0 20px;
}
.goleeIntroductory4-safe {
padding: 45px 70px 70px 50px;
}
.goleeIntroductory41 .goleeIntroductory4-btn {
bottom: 70px;
}
.goleeIntroductory41-t {
font-size: 35px;
}
.goleeIntroductory41-t2 {
margin-top: 0;
}
.goleeIntroductory41-safe {
margin-top: -25px;
}
.goleeIntroductory41-span span {
font-size: 35px;
}
.goleeIntroductory42 {
padding: 70px 55px 70px 30px;
}
.goleeIntroductory42 {
right: 50px;
padding: 70px 55px 70px 30px;
}
.goleeIntroductory5-rig {
width: calc(74.5% - 40px);
padding: 0 4% 0 0;
line-height: 22px;
}
}
.goleeIntroductory5-pic.ph,
.goleeIntroductory41-ampt,
.goleeIntroductory2-pic.ph {
display: none;
}
@media screen and (max-width:1024px) {
.goleeIntroductory5-pic,
.goleeIntroductory5-pic1,
.goleeIntroductory2-pic.pc {
display: none;
}
.goleeIntroductory5-pic.ph,
.goleeIntroductory41-ampt,
.goleeIntroductory2-pic.ph,
.goleeIntroductory2-box {
display: block;
}
.goleeIntroductory1 {
width: 92%;
display: block;
position: relative;
padding: 235px 0 0 0;
background-size: 100% auto !important;
background: url(../images/page1_r.png)right 150px no-repeat;
}
.goleeIntroductory12 h2 {
text-align: center;
position: absolute;
top: 60px;
width: 100%;
}
.goleeIntroductory12-t {
font-size: 20px;
position: absolute;
top: 120px;
width: 100%;
margin: 0;
text-align: center;
}
.goleeIntroductory1-single::after {
display: none;
}
.goleeIntroductory11 {
display: flex;
justify-content: space-between;
}
.goleeIntroductory1-single {
padding: 0;
width: 30%;
margin: 0 0 35px !important;
}
.goleeIntroductory11-t strong {
font-size: 32px;
margin-right: 5px;
}
.goleeIntroductory11-t1 {
font-size: 12px;
}
.goleeIntroductory12 {
width: 100%;
}
.goleeIntroductory12-t1 {
height: 350px;
overflow-y: scroll;
}
.goleeIntroductory2-single {
width: 48%;
display: inline-block;
margin: 0.6%;
}
.goleeIntroductory2-top {
width: 145px;
height: 145px;
}
.goleeIntroductory2-safe.golee-position {
padding: 0;
background-color: transparent;
border: none;
}
.goleeIntroductory2-bot {
margin: 20px 0 30px;
text-align: center;
padding: 0 5%;
}
.goleeIntroductory2-single:last-child {
width: 100%;
align-items: center;
display: flex;
}
.goleeIntroductory2-single:last-child .goleeIntroductory2-bot {
flex: 1;
}
.goleeIntroductory3-t {
margin-bottom: 30px;
padding: 0 3%;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ot p.en {
font-weight: 300;
margin: 10px 0 5px;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ot p.cn {
color: #999;
font-size: 12px;
font-weight: normal;
}
.goleeIntroductory3-con .ban1 .swiper-slide .ms {
font-size: 14px;
width: 80%;
line-height: 24px;
}
.goleeIntroductory3-con .ban1 .prev img,
.goleeIntroductory3-con .ban1 .next img {
display: none;
}
.goleeIntroductory3-con {
background: url(../images/a_3_bg.png) 15% bottom no-repeat;
background-size: 250% 80%;
padding: 0 0 35px;
}
.goleeIntroductory3-con .ban1.swiper-container-initialized {
padding: 0 6.25%;
}
.goleeIntroductory3-con .ban2 {
padding-bottom: 15px;
background-size: 210% 15% !important;
}
.goleeIntroductory3-con .ban2 .swiper-slide {
width: 44px;
height: 24px;
font-size: 12px;
line-height: 24px;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active {
padding: 90px 0;
}
.goleeIntroductory3-con .ban1 .swiper-wrapper::before,
.goleeIntroductory3-con .ban1::after {
display: none;
}
.goleeIntroductory3-con .ban1 .next:hover {
transform: translateX(0)
}
.goleeIntroductory3-con .ban1 .prev {
left: 0%;
}
.goleeIntroductory3-con .ban1 .next {
right: 4%;
}
.goleeIntroductory3-con .ban1 .next::after,
.goleeIntroductory3-con .ban1 .prev::after {
position: absolute;
content: '>';
color: #999;
font-size: 22px;
}
.goleeIntroductory3-con .ban1 .prev::after {
content: '<' !important;
}
.goleeIntroductory4-con {
padding-bottom: 180px;
}
.goleeIntroductory4-pic.golee-pic img {
height: 100%;
}
.goleeIntroductory4-pic.golee-pic {
height: 450px;
}
.goleeIntroductory4-safe {
padding: 0;
width: 100%;
background-color: transparent;
top: 30px;
transform: translateX(-50%) translateY(0);
}
.goleeIntroductory41-t2::after {
width: 70px;
left: 130px;
}
.goleeIntroductory41-safe {
margin-top: 50px;
}
.goleeIntroductory41-pic {
width: 75%;
}
.goleeIntroductory4-safe:after {
display: none;
}
.goleeIntroductory41 .goleeIntroductory4-btn {
bottom: -80px;
left: 70px;
}
.goleeIntroductory41 .goleeIntroductory4-rigbtn {
left: unset;
right: 70px;
}
.goleeIntroductory41-span {
font-size: 20px;
text-align: center;
}
.goleeIntroductory41 {
padding: 30px 25px 50px 25px;
width: 92%;
position: relative;
z-index: 9;
box-sizing: border-box;
margin: 0 auto;
background-color: #fff;
}
.goleeIntroductory42 {
height: 200px;
width: 100%;
margin-top: -30px;
position: unset;
transform: translateX(0);
}
.goleeIntroductory42 .swiper-container {
display: none;
}
.goleeIntroductory42 .goleeIntroductory4-btn {
display: none;
}
.goleeIntroductory41-safe {
overflow: auto;
overflow-x: hidden;
}
.goleeIntroductory41-span {
display: none;
}
.goleeIntroductory41-single.active .goleeIntroductory41-span {
left: 50%;
transform: translateX(-50%);
display: block;
position: absolute;
bottom: -85px;
font-size: 22px;
color: rgba(207, 207, 207, 1);
}
.goleeIntroductory41-single.active .goleeIntroductory41-span span {
color: #fff;
font-size: 40px;
}
.goleeIntroductory41-ampt {
margin-top: 20px;
font-size: 16px;
font-family: HarmonyOS Sans SC-Bold;
}
.goleeIntroductory42-line {
display: none;
}
.goleeIntroductory41-line {
background: rgba(255, 255, 255, 0.51);
position: absolute;
display: block;
top: unset;
bottom: -33%;
height: 2px;
width: 92%;
right: 50%;
transform: translateX(50%);
}
.goleeIntroductory41-line .swiper-pagination-progressbar-fill {
height: 3px;
background: #fff;
}
.goleeIntroductory5 {
margin-top: 0;
}
.goleeIntroductory5-con {
height: 100%;
}
.goleeIntroductory5-rig {
width: 100%;
}
.goleeIntroductory5-rig {
width: 100%;
height: 308px;
overflow: scroll;
padding: 0;
font-size: 14px;
line-height: 28px;
margin: 0;
}
.goleeIntroductory5-safe {
padding: 0 3.8%;
position: unset;
}
.goleeIntroductory5-rigBot {
right: 5%;
bottom: 50px;
}
.goleeIntroductory5 h2 {
padding: 60px 0 30px;
}
}
@media (min-width:500px) and (max-width:1024px) {
.goleeIntroductory2-pic.ph.golee-pic {
height: 800px;
overflow: hidden;
}
.goleeIntroductory2-single:last-child {
width: 48%;
display: block;
}
.goleeIntroductory3-con .ban1.swiper-container-initialized {
padding: 0 11%;
}
.goleeIntroductory3-con .ban1 .swiper-slide-active {
padding: 180px 0;
}
.goleeIntroductory3-con .ban2 .swiper-slide {
height: 36px;
font-size: 14px;
line-height: 34px;
}
}
@media only screen and (max-width:1440px) {
.index04wrap .index04 {
padding: 130px calc((100% - 1260px)/2);
}
.foot .zuo3 ul li {
margin-right: 50px;
}
.foot .zuo3 ul li.lx {
width: 280px;
}
.header .nav ul li {
padding: 0 20px;
}
.speechcon {
font-size: 14px;
}
.ny_cp .list {
width: 300px;
}
.ny_cp .right {
width: calc(100% - 300px);
}
.ny_cp .right .box {
padding: 4.27vw 3% 5.2vw 4.27vw;
min-height: 500px;
}
.subNav {
font-size: 18px;
}
.nban {
height: 480px;
}
.aboutc2 .aboutclist .icon {
width: 70px;
height: 70px;
line-height: 70px;
}
.aboutc2 .aboutclist .icon i {
font-size: 40px;
}
.aboutc2 .aboutclist .cntitle {
font-size: 20px;
margin-top: 20px;
}
.aboutc2 {
padding: 100px 0;
}
}
@media only screen and (max-width:1280px) {
.foot .zuo3 {
width: auto;
}
.ban .swiper-slide .word {
margin-left: -600px;
width: 1200px;
}
}
@media only screen and (max-width:1024px) {
.container {
width: 94%;
margin: 0 auto;
-moz-box-sizing: border-box;
/*Firefox3.5+*/
-webkit-box-sizing: border-box;
/*Safari3.2+*/
-o-box-sizing: border-box;
/*Opera9.6*/
-ms-box-sizing: border-box;
/*IE8*/
box-sizing: border-box;
}
.ban .swiper-slide {
width: 100%;
height: 20rem;
}
.head_h {
display: block;
height: 60px;
}
.ban .swiper-slide .bg1 {
height: 20rem;
}
.ban .swiper-slide .word h3 {
font-size: 1.8rem;
letter-spacing: 3px;
margin: 15px 0 10px;
line-height: 26px;
}
.ban .swiper-slide .word h4 {
font-size: 1.4rem;
color: #fff;
margin-top: 0px;
letter-spacing: 0;
}
.ban .swiper-slide .word {
left: 5%;
margin-left: 0;
width: 90%;
height: 10rem;
top: 50%;
margin-top: -70px;
}
.ban .swiper-slide .word a.xq {
width: 140px;
height: 34px;
font-size: 14px;
line-height: 34px;
bottom: 20px;
right: 50%;
margin-right: -70px;
}
.ban .swiper-slide .word a.xq::after {
right: 15px;
}
.sy_cp {
padding: 50px 0;
}
.sy_cpxj ul li {
padding: 15px;
}
.index04wrap .index04 {
padding: 60px 5%;
background: url(../images/indexbg_03_3.jpg)no-repeat inherit;
}
.index04wrap .index04 .text .cont {
width: 100%;
padding: 40px 15px;
margin-left: 0px;
}
.index04wrap .index04 .text .cont::after {
top: 49px;
}
.sy_xwzx .right {
width: 100%;
}
.sy_hzhb ul li {
width: 23%;
float: left;
margin: 0 1% 2%;
}
.sy_hzhb {
padding: 60px 0;
}
.sy_xwzx {
padding-top: 50px;
padding-bottom: 50px;
}
.sy_xwzx .left {
width: 100%;
}
.sy_xwzx .con {
display: block;
}
.g-tit1 h2 {
font-size: 2.4rem;
}
.g-tit1 .en {
top: -1.5rem;
font-size: 2.5rem;
}
.g-tit1 span {
font-size: 1.2rem;
}
.g-tit1 {
margin-bottom: 30px;
}
.swiper-yxxy {
width: 90%;
padding: 0 0px 30px;
}
.swiper-yxxy .swiper-pagination {
bottom: 0px !important;
}
.swiper-yxxy .swiper-slide .w_z {
top: 20%;
}
.swiper-yxxy .swiper-slide .w_z .tb {
width: 40px;
margin: 0 auto 20px;
}
.swiper-yxxy .swiper-slide:hover .w_z {
top: 25%;
}
.swiper-yxxy .swiper-slide:hover .w_z p {
display: none;
}
.swiper1 .equip-min p {
font-size: 16px;
line-height: 25px;
}
.indcase-wd-font {
width: 100%;
box-sizing: border-box;
padding: 20px;
}
.con {
width: 90%;
}
.indcase-wd h2 {
font-size: 20px;
margin-bottom: 10px;
}
.indcase-wd p {
font-size: 1.2rem;
line-height: 1.8;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.swiper2 .swiper-slide img {
height: 40rem
}
.indban-wd-link a {
width: 120px;
height: 30px;
line-height: 30px;
font-size: 14px;
margin-top: 20px;
}
.sy_alzs .g-tit1 {
top: 30px;
}
.sy_gsjj {
padding: 40px 0;
display: block;
width: 90%;
}
.sy_gsjj .w_z .en {
top: -1.5rem;
font-size: 2.4rem;
text-align: center;
}
.sy_gsjj .tit strong {
display: none;
}
.tit {
margin-bottom: 30px;
}
.sy_gsjj .w_z {
width: 100%;
font-size: 14px;
line-height: 1.8;
}
.sy_gsjj .more {
width: 140px;
height: 32px;
font-size: 16px;
line-height: 32px;
}
.sy_gsjj .tp .box {
display: none;
}
.sy_gsjj .tp {
width: 100%;
margin-top: 20px;
}
.sy_ry ul {
flex-wrap: wrap;
}
.sy_ry ul li {
width: 25%;
}
.sy_cp ul li {
width: 100%;
margin: 0 0 20px;
height: 20rem;
}
.index_case_list_item {
width: 48%;
height: 20rem;
margin-bottom: 20px;
}
.index_case_list {
flex-wrap: wrap;
}
.index-fiv {
padding: 30px 0;
}
.infiv-con {
margin-top: 0;
}
.infiv-ul li {
width: 100%;
margin-bottom: 20px;
box-sizing: border-box;
padding: 0;
}
.infiv-ul {
margin: 0;
}
.infiv-txt p {
margin-top: 10px;
font-size: 14px;
line-height: 1.8;
height: 50px;
}
.infiv-txt {
padding: 20px 20px 26px;
height: 170px;
}
.index-fiv .more {
width: 150px;
height: 40px;
font-size: 14px;
line-height: 40px;
margin: 30px auto 0;
}
.aboutc2 .aboutclist .icon {
width: 70px;
height: 70px;
line-height: 70px;
}
.aboutc2 .aboutclist .icon i {
font-size: 40px;
}
.aboutc2 .aboutclist .text {
margin-top: 20px;
}
.aboutc2 .aboutclist {
padding: 30px 10px;
width: 46%;
margin: 2%;
height: 380px;
}
.honor-prev {
left: 0px;
}
.honors-sw-hook .swiper-wrapper li.swiper-slide-active {
-webkit-transform: scale(1);
transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
z-index: 10;
}
.honors-sw-hook .swiper-wrapper li.my-slide-right {
left: 0;
}
.honors-sw-hook .swiper-wrapper li img {
margin: 0;
width: 100%;
height: 13rem
}
.honors-sw-hook .swiper-wrapper li.my-slide-left,
.honors-sw-hook .swiper-wrapper li.my-slide-right {
-webkit-transform: scale(1);
transform: scale(1);
-o-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}
.honors-sw-hook {
padding: 10px 0;
}
.aboutc2 {
padding: 30px 0 40px;
}
.ny_ryzz {
margin: 30px auto;
padding: 30px 0;
}
.abo-ind-strategy {
padding: 40px 0 40px;
}
.xm6 {
width: 100%;
margin-top: 20px;
}
.abo-ind-strategy-edac {
padding: 30px 20px 40px;
}
.abo-ind-strategy-til {
font-size: 28px;
line-height: 35px;
}
.abo-ind-strategy-tex {
font-size: 16px;
line-height: 28px;
}
.abo-ind-strategy-ico {
font-size: 28px;
width: 30px;
height: 30px;
line-height: 30px;
}
.abo-ind-strategy-ico i {
font-size: 26px;
}
.foot {
padding: 0px 0;
}
.foot .zuo3 ul li {
display: none;
}
.foot .zuo3 ul li.lx {
width: 100%;
display: block;
margin-right: 0
}
.foot .zuo3 {
width: 100%;
}
.foot .you3 {
float: none;
margin: 0 auto;
}
.footer_btm {
line-height: 1.5;
padding: 10px 0;
}
.nban {
width: 100%;
height: 15rem;
background-size: cover !important;
}
.nban .bt {
width: auto;
padding: 15px;
left: 5%;
margin-left: 0px;
top: 20%;
}
.nban .bt h2 {
font-size: 16px;
}
.nban .bt h3 {
font-size: 20px;
}
.ntit ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wzxx {
width: 100%;
text-align: left;
font-size: 14px;
}
.wzxx a {
font-size: 14px;
}
.ntit ul li {
line-height: 30px;
width: 46%;
margin: 1% 2%;
border-radius: 5px;
display: block;
}
.ntit ul li a {
font-size: 14px;
padding: 0 0;
}
.ntit {
padding: 10px 0;
}
.ny_jj {
margin: 20px auto;
}
.ny_jj .tp {
width: 100%;
margin-top: 20px;
}
.ny_alzs {
width: 90%;
margin: 30px auto;
}
.ny_alzs ul li {
width: 100%;
margin: 0 0 4%;
}
.page {
padding: 15px 0;
}
.page a {
width: 30px;
height: 30px;
margin: 0 5px;
line-height: 30px;
font-size: 14px;
}
.ny_cp {
padding: 30px 0;
}
.ny_jj {
padding: 30px 0;
}
.ny_jj .w_z {
width: 100%;
}
.lx_wm {
width: 90%;
margin: 30px auto 30px;
}
.lx_wm .x_x {
width: 100%;
}
.lx_wm h4 {
font-size: 14px;
line-height: 24px;
}
.lx_wm .l_y {
width: 100%;
margin-top: 30px;
}
.lx_wm input.w_z {
width: 100%;
margin-right: 0px;
box-sizing: border-box;
}
.lx_wm textarea {
width: 100%;
box-sizing: border-box;
}
.lx_wm .d_t {
margin-top: 30px;
}
.ny_xw {
padding: 0px 0;
}
.Activsbf1_lb {
width: 100%;
margin-top: 0px;
}
.Activsbf1_lb dt {
width: 40%;
}
.Activsbf1_lb dd {
width: 58%;
margin-top: 0;
margin-right: 0%;
}
.Activsbf1_lb dd .newNrjs {
letter-spacing: 0px;
-webkit-line-clamp: 2;
min-height: 50px;
}
.lx_wm .rc_zp .jr_lm.jt .jr_bt {
padding: 5px 10px;
line-height: 40px;
font-size: 14px;
}
.lx_wm .rc_zp .jr_bt {
padding: 5px 10px;
}
.lx_wm .rc_zp .jr_nr .js {
width: 100%;
}
.lx_wm .rc_zp .jr_nr {
padding: 30px 10px 10px;
}
.ny_cp .list {
width: 100%;
position: relative;
top: 0;
height: 50px;
line-height: 50px;
}
.subNavBox {
position: absolute;
width: 100%;
left: 0;
top: 50px;
display: none;
background: #fff;
z-index: 99;
}
.list .a_n {
line-height: 50px;
font-size: 16px;
color: #333;
display: block;
background: url(../images/nyej.png) right center / 20px no-repeat;
}
.subNav {
line-height: 50px;
padding: 0 25px;
font-size: 16px;
background-size: 14px;
background-position: 94% 50%;
}
.ny_cp .right {
width: 100%;
}
.ny_cp .right .lb ul li {
width: 46%;
margin: 0 2% 30px;
}
.ny_cp .right .lb ul li .tp {
height: 11rem;
}
.navContent {
padding: 5px 25px 20px;
}
.navContent li a {
line-height: 50px;
}
.ny_jscx {
padding: 30px 0;
}
.ny_jscx ul li {
width: 100%;
margin: 0 0 30px;
height: auto;
}
.sy_gg {
padding: 40px 0;
}
.sy_gg ul li {
width: 100%;
margin-bottom: 20px;
margin-top: 10px;
}
.sy_bmdt {
padding: 35px 0;
}
.sy_bmdt .dt {
flex-wrap: wrap;
}
.sy_bmdt .dt .tp {
width: 100%;
margin-bottom: 20px;
}
.lx_wm .rc_zp .lxfs {
line-height: 40px;
font-size: 20px;
margin-top: 30px;
}
.recr_lin {
padding-bottom: 40px;
padding-top: 40px;
}
.recr_lin .box li {
width: 100%;
*width: 100%;
margin-bottom: 20px;
}
}
@media only screen and (max-width:600px) {
.ban .swiper-slide .word {
height: 12rem;
margin-top: -6rem;
}
.ban .swiper-slide .word a.xq {
width: 120px;
height: 30px;
line-height: 30px;
bottom: 0px;
margin-right: -60px;
}
.sy_gsjj .w_z p {
line-height: 32px;
}
.index04wrap .index04 .text .cont h3 {
font-size: 2.4rem;
margin-bottom: 30px;
}
.infiv-txt h3 {
font-size: 18px;
line-height: 32px;
}
.sy_cpxj {
padding: 40px 0;
}
.sy_cpxj ul li {
width: 100%;
margin-bottom: 20px;
}
.index04wrap .index04 .text .cont {
padding: 10px 15px;
}
.sy_cpxj ul {
display: block;
}
.sy_gsjj .w_z h3 {
font-size: 2.4rem;
text-align: center;
}
.ny_cp ul li {
width: 100%;
margin: 0 0 3%;
}
.sy_ry {
padding: 15px;
margin-top: 0px;
margin-bottom: 30px;
}
.sy_ry ul li {
width: 50%;
}
.index_case_list_item .item_content1_text h4 {
font-size: 16px;
margin-bottom: 1rem;
}
.index_case_list_item .item_content2_text h4 {
font-size: 1.4rem;
}
.sy_cp ul li {
height: 24rem;
}
.infiv-txt {
height: auto;
}
.sy_cp ul li .w_z {
top: 20%;
}
.sy_cp ul li:hover .w_z {
top: 10%;
}
.sy_cp ul li .w_z h3 {
font-size: 18px;
margin-bottom: 10px;
}
.sy_cp ul li .w_z p {
font-size: 14px;
padding: 8px;
}
.sy_cp ul li .w_z .tb {
width: 50px;
margin: 0 auto 15px;
}
.g-tit1 span {
padding: 0 10px;
}
.ny_cp .right .lb ul li {
width: 100%;
margin: 0 0 30px;
}
.ny_cp .right .lb ul li .tp {
height: 23rem;
}
.ny_cp .right .box {
padding: 30px 5% 4.27vw;
min-height: 500px;
}
.sy_hzhb ul li {
width: 30.3333%;
margin: 0 1.5% 2%;
}
.honors-sw-hook .swiper-wrapper li img {
height: 24rem;
}
.swiper-btn {
width: 30px;
height: 30px;
background: none;
}
.honor-prev {
left: 0px;
background: url(../images/hisleft.png) center / 100% no-repeat;
}
.honor-next {
right: 0;
background: url(../images/hisright.png) center / 100% no-repeat
}
.ny_jscx ul li {
height: 32rem;
}
.ny_jscx ul li .w_z p {
font-size: 1.2rem;
padding: 0 10px;
line-height: 1.8;
}
.ny_jscx ul li .w_z h3 {
font-size: 18px;
margin-bottom: 8px;
}
.ny_jscx ul li:hover .w_z {
top: 3%;
}
.ny_jj .w_z h3 {
font-size: 2rem;
margin-bottom: 20px;
}
.ny_jj .w_z p {
font-size: 14px;
}
.ny_jj .tp {
width: 100%;
margin-top: 20px;
}
.ny_qydw .w_z {
width: 100%;
position: static;
margin-right: 0px;
padding: 0 20px 20px;
transform: translate(0, 0%);
-webkit-transform: translate(0, 0%);
-moz-transform: translate(0, 0%);
-ms-transform: translate(0, 0%);
-o-transform: translate(0, 0%);
}
.sy_bmdt .dt {
padding: 10px 15px 0;
}
.ny_qydw .w_z h3 {
font-size: 2rem;
margin-bottom: 20px;
}
.ny_qydw .w_z p {
font-size: 14px;
}
.jj_ywfw {
padding: 30px 0;
}
.tit h1 {
font-size: 2.2rem;
margin-bottom: 20px;
}
.tit h4 {
font-size: 14px;
}
.ny_cp {
padding: 0px 0 20px;
}
.jj_ywfw ul li {
width: 100%;
float: left;
margin-right: 0;
padding: 20px 0;
}
.recr_lin .box li .first {
height: auto;
margin: 0px 0px;
padding: 20px 25px;
}
.kpfz ul li {
width: 100%;
}
.aboutc2 .aboutclist {
width: 100%;
margin-bottom: 20px;
height: auto;
}
.sy_hzhb {
padding: 30px 0 !important;
}
.Activsbf1_lb dl {
display: block;
padding: 0;
overflow: hidden;
}
.Activsbf1_lb dt {
width: 100%;
}
.Activsbf1_lb dd {
width: 100%;
margin-top: 15px;
padding: 0 10px
}
.rc_zp {
width: 500px;
}
.lx_wm {
overflow-x: scroll;
}
.abo-ind-strategy-til {
font-size: 24px;
}
.talkcate .en {
font-size: 18px;
line-height: 32px;
}
.talkcate .cn {
font-size: 2.2rem;
line-height: 4rem;
}
.footer_bg {
padding: 30px 0 0;
}
}
@media only screen and (max-width:375px) {
.ntit ul li a {
font-size: 12px;
}
}
.ovh1 {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ovh5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.detailP {}
.detailP .pageTitle {
font-size: 36px;
color: rgb(51, 51, 51);
font-weight: bold;
}
.detailP .pageTime {
font-size: 16px;
color: rgb(102, 102, 102);
margin-top: 20px;
}
.detailP .pageNr {
font-size: 16px;
color: rgb(102, 102, 102);
line-height: 1.875;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-top: 32px;
padding: 24px 0;
margin-bottom: 24px;
min-height: 400px;
}
.detailP .pageNr img,
.detailP .pageNr video {
max-width: 100%;
}
.detailP .pageNum {}
.detailP .pageNum a {
font-size: 16px;
color: rgb(102, 102, 102);
margin-top: 8px;
}
.detailP .pageNum a:first-child {
margin-top: 0;
}
.detailP .pageNum a:hover {
color: #3e9ecb;
}
@media (max-width:1432px) {
.banny_detail .pageName {
font-size: 28px;
}
.detailP .pageTitle {
font-size: 32px;
}
}
@media (max-width:1232px) {
.banny_detail .pageName {
font-size: 26px;
}
.detailP .pageTitle {
font-size: 28px;
}
}
@media (max-width:1024px) {
.banny_detail .pageName {
font-size: 24px;
}
.detailP .pageTitle {
font-size: 24px;
}
.banny_detail {
margin-top: 56px;
padding: 48px 0 16px;
}
}
@media (max-width:800px) {
.detailP .pageTime {
font-size: 14px;
margin-top: 8px;
}
.detailP .pageNr {
font-size: 14px;
line-height: 1.6;
margin-top: 16px;
padding: 16px 0;
}
.detailP .pageNum a {
font-size: 14px;
}
}